<Listbox> error: Uncaught Error: Maximum update depth exceeded.

[breadadams]

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

v2.2.0

What browser are you using?

Chrome 129.0.6668.59

Reproduction URL

• https://codesandbox.io/p/devbox/headlessui-listbox-uncaught-error-forked-jgqn4t
• https://jgqn4t-5173.csb.app/

Describe your issue

We've noticed the following error on the production version of our app: https://react.dev/errors/185?invariant=185

Local error message:

---

To reproduce it (on macOS) you need to be using a mouse that isn't a Magic Trackpad/Mouse, or set the "Show scroll bars" option in Settings to "Always":

---

Steps to reproduce:

1. Open the listbox and select an option (e.g. the first one).
2. The application should crash.

Worth mentioning that you can prevent the error from occurring by either of the following options:

• Removing the overflow-auto from the element on L6.
• Commenting out the label on L8.

[breadadams]

FYI I've made some minor changes to the codesandbox and repro steps to make it simpler, and ensure that the error always occurs.

[RobinBressan]

We have the same issue, but it's so random I can't give a way to reproduce it.