With Remix.js: click to select works, but not drag-and-drop (gives empty file)

[tomsoderlund]

I'm trying to use FileUploader with Remix.js. Selecting files in dialog works fine, but drag and drop submits this to my Remix.js action:

{
  size: 0,
  type: 'application/octet-stream',
  name: '',
  lastModified: 1724749194943
}

My code

  const formRef = useRef<HTMLFormElement>(null);

  const handleChange = (file: File) => {
    formRef.current?.submit();
  };

<FileUploader
  label='Click to upload relevant policies and documents here'
  handleChange={handleChange}
  name='uploadFile'
  types={FILE_TYPES_ACCEPTED}
/>

Any ideas why?