React Dropzone does not work correctly with .pkl files

Question

I try to use React Dropzone for .pkl and .pk files.

<DropzoneDialog
   acceptedFiles=[".pkl, .pk"]
/>

But when I drag the .pkl file, DropZone becomes red and then accepts file. Does anybody know how to fix it?

Answer 1

maybe like this :

for image its like this --- updated ---

<DropzoneDialog
  acceptedFiles={['image/jpeg', 'image/png', 'image/bmp']}
/>

check something like :

<DropzoneDialog
  acceptedFiles={['application/python-pickle']}
/>

--- update ---