[BUG] In react 18, dragging accepted file over dropzone sets isDragReject to true

Describe the bug Described in issue name

To Reproduce

https://codesandbox.io/s/react-dropzone-example-forked-nfvn0p

Steps to reproduce the behavior: useDropzone({..., accept: 'image/*'})

drag the image (eg.) over the dropzone, it set state to isDragReject

Expected behavior Should set isDragAccept to true

Desktop (please complete the following information):

• OS: macOs
• Browser Chrome
• Version 99

[rolandjitsu]

@andylacko @vsrc @alfupe @MuscularSloth @travisdahl @kristinzinser could you upgrade to v14 and let me know if the issue is resolved?

[alfupe]

In my case it is happening in Chrome (tested versions 85 and 100) and React 18. In another project, React 17 and Chrome 100 is working fine.

EDIT: I’ve make it to work reverting from the new way of mounting the root component to the classic one.

👎🏻

const root = createRoot(document.getElementById('root'));
root.render(<App />);

👍🏼

ReactDOM.render(<App />, document.getElementById('root'));