Добавить свойство mode в useDropZone

[super4el2005]

Проблема

Сейчас в useDropZone можно кидать только файлы

Предложение

useDropZone будет принимать папки и файлы

Пример использования

Только файлы

const dropZone = useDropZone<HTMLDivElement>({
  mode: 'file',
  multiple: true,
  dataTypes: ['image'],
  onDrop: (entries) => {
    entries?.forEach(({ file }) => console.log(file.name, file.size));
  }
});

Только папка

const dropZone = useDropZone<HTMLDivElement>({
  mode: 'directory',
  onDrop: (entries) => {
    entries?.forEach(({ file, path }) => {
      console.log(path, file.size); // "src/index.ts" 1240
    });
  }
});

return (
  <div ref={dropZone.ref}>
    {dropZone.loading && <span>Reading folder…</span>}
    {dropZone.overed ? 'Drop folder here' : 'Drag a folder here'}
  </div>
);

И файлы, и папки одновременно

const dropZone = useDropZone<HTMLDivElement>({
  mode: 'any',
  dataTypes: ['image'],
  onDrop: (entries) => {
    const images = entries?.filter((e) => e.file.type.startsWith('image/'));
    setGallery(images);
  }
});