FileUpload

() => {
    const [myFiles, setMyFiles] = React.useState([])
    const[error, setError] = React.useState(false);
    const onDelete = file  =>{
      setMyFiles((prev) => prev.filter((f) => f !== file));
    }
    const onDrop = React.useCallback((acceptedFiles) => {
      acceptedFiles.forEach((file) => {
      const reader = new FileReader()
      reader.onerror = () => setError(true);
      reader.onload = () => {
        setMyFiles(prev => [...prev, ...acceptedFiles]);
      }
      reader.readAsArrayBuffer(file)
    })
  }, [])
  return(<FileUpload accept="image/*" files={myFiles} errorUpload={error} onDrop={onDrop} onDelete={file => onDelete(file)} ></FileUpload>);
}