[BUG] cypress/react18 behaves inconsistently on onmousemove events in component tests

[niels-van-den-broeck]

Current behavior

Mousemove events in my example don't seem to be triggered when using cypress/react18.

Desired behavior

Same behaviour as cypress/react. Being the container actually being moved onmousemove

Test code to reproduce

I have created a repro using the packages we used. The behaviour I am trying to check is dragging the component from one place to another which requires a combination of mousedown -> mousemove -> mouseup events on the target drag handle

https://github.com/niels-van-den-broeck/cypress-18-draggable-repro

Cypress Version

13.15.0

Node version

20.17.0

Operating System

macOS 14.3

Debug Logs

Logs are too long. Github does not allow pasting here

Other

Test does not fail, but visually behaviour change is clear.

I used npx cypress open --component to run the tests locally.
Changing the cypress/support/component.js file from import { mount } from 'cypress/react18' to import { mount } from 'cypress/react' should clear up the issue.

[niels-van-den-broeck]

React18 mount state after test:

React mount state after test (expected):

[niels-van-den-broeck]

Some more context:

This behaviour seems to be tied to this library. From what I've gathered so far, they attach the mousemove events to the ownerDocument of the node which is draggable.
I've tried changing the mousemove events to be triggered on cy.document() but no success