[bug]: Hover Card component simulates a mobile error in the Chrome browser

[fundgao]

Describe the bug

Hover Card component error
Unable to preventDefault inside passive event listener

Affected component/components

Hover Card

How to reproduce

1. The project references the Hover Card component.
2. Open the console in the Chrome browser to simulate a mobile device.
3. Click Hover Card component.
4. The bug can be reproduced.

Codesandbox/StackBlitz link

No response

Logs

System Info

Operating System:
  Platform: MacOS
  Arch: Apple M4
  Version: 26.0.1
  Available memory (MB): 24576
  Available CPU cores: 10
Binaries:
  Node: 22.15.0
  npm: 10.9.2
  pnpm: 10.14.0
Relevant Packages:
  next: 16.0.1
  eslint-config-next: N/A
  react: 19.2.0
  react-dom: 19.2.0
  typescript: 5.9.3
Chrome: Version 142.0.7444.60 (Official Release) (arm64)

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues