FolderUpload

import { Dropzone } from 'react-dropzone';
import 'react-dropzone/dist/styles.css';

const [selectedFiles, setSelectedFiles] = useState([]);

const onDrop = (acceptedFiles) => {
  setSelectedFiles(acceptedFiles);
}



<Dropzone onDrop={onDrop}>
    {({getRootProps, getInputProps}) => (
        <div {...getRootProps()}>
            <input {...getInputProps()} />
            <p>Drag and drop some files here, or click to select files</p>
        </div>
    )}
</Dropzone>