[BUG] .aif/.aiff files incorrectly report mimetype when imported from file selector in chrome

[Ryan-Sheehan]

Describe the bug
Mimetype for .aif/.aiff files imported from file selector in chrome are incorrectly reported as empty. The mimetype is reported correctly in Brave and Safari and in Chrome when the file is instead dragged onto the dropzone instead of using file selector.

To Reproduce

In Chrome

1. Get an .aif/.aiff file (One is also provided here)
2. Drag and drop that file onto a dropzone (I am using the hook not the component)

<div {...getRootProps()}> 
   <input {...getInputProps()} />
   <button type="button" onClick={open}>
   Open File Dialog
   </button>
</div>

3. See that the mimetype of the accepted file is correct ('audio/aiff')
4. Use open() to open the file selector
5. Select the same file that was just dropped
6. See that mimetype is now the empty string ''

Expected behavior
Mimetype should be reported as 'audio/aiff' not ''

Screenshots
File from drag and drop

File from selector

Desktop:

• OS: [macOS]
• Browser [chrome]
• Version [121.0.6167.139]