[bug]: Combobox.Item causes re-render on hover

[kelvinlingsf]

Describe the bug

Combobox.Item causes a whole combobox re-render when the mouse hovers above it
If the list is big it'll cause quite a significant drop in the FPS

This is probably caused by this event handler causing an unintended state update causing React to re-render on mouse hover:

diceui/packages/combobox/src/combobox-item.tsx

Line 206 in cca7234

onPointerMove={composeEventHandlers(itemProps.onPointerMove, () => {

How to reproduce

I've reproduced the bug in this repo:

https://codesandbox.io/p/devbox/divine-resonance-gzdwvn

Link to direct demo:

https://gzdwvn-5173.csb.app/

1. Open the Combobox
2. Turn on react-scan
3. Hover on any item inside

Link to reproduction

https://codesandbox.io/p/devbox/divine-resonance-gzdwvn

Additional information

[sadmann7]

thanks for reporting it.

can you try out the listbox?

its rerender are granular.

will do the same for the combobox and mention.

[kelvinlingsf]

thanks for reporting it.

can you try out the listbox?

its rerender are granular.

will do the same for the combobox and mention.

I've updated my codesanbox repo with the new listbox, the updates are granular as you mentioned. It does not have the same on-hover re-rendering issue.