How to fix react-dnd "Invariant Violation: Cannot call hover while not dragging." issue

test.md

In our case were getting this issue before we moved the data-testid attribute onto Dropzone input props like this:

<Dropzone
  onDrop={onDrop}
  accept={accept}
  style={{}}
  onClick={onClick}
  inputProps={{
    'data-testid': 'drop-file-input',
  }}
>
  ...
</>

and this is how we trigger drop file:

const uploadLogoInput = await screen.findByTestId('drop-file-input')
fireEvent.drop(uploadLogoInput, { target: { files: [validPngFile] } })