reactjs Why files are not removing from my setimage sate?

Question

How remove files from my SetImage state when perform delete action? I tried this SetImage(imagefile.filter((e) => e !== image)); but can't delete file. here is the screenshot.

My image url is deleteing from selectedImages state then why files are not deleting from imagefile which I am passing as props? here is my code:

export const MultiImageUpload = ({imagefile,SetImage}) => {
  
  const [selectedImages, setSelectedImages] = useState([]);
  
  const onSelectFile = (event) => {
    const selectedFiles = event.target.files;
    const selectedFilesArray = Array.from(selectedFiles);
 
     
    const imagesArray = selectedFilesArray.map((file) => {
       
      return URL.createObjectURL(file);
      
      
    });
    
   
     
    setSelectedImages((previousImages) => previousImages.concat(imagesArray));
    SetImage((previousImages) => previousImages.concat(selectedFilesArray));
    
    // FOR BUG IN CHROME
    event.target.value = "";
  };

  function deleteHandler(image) {
    setSelectedImages(selectedImages.filter((e) => e !== image));
    SetImage(imagefile.filter((e) => e !== image));
    URL.revokeObjectURL(image);
  }

if I replace return URL.createObjectURL(file); to return file then working but image preview not working.