"Maximum update depth exceeded" when rendering ListboxOptions as Fragment

[benface]

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

2.1.9

What browser are you using?

All

Reproduction URL

https://codesandbox.io/p/sandbox/k7crc9

Describe your issue

This is exactly like #3476, but for ListboxOptions. Click on the listbox in the CodeSandbox to see the error.

[snigdha920]

I downgraded to 2.1.2 and I still have this error.

[RobinMalfait]

This should be fixed by #3513, and will be available in the next release.

You can already try it using:

• npm install @headlessui/react@insiders.

[ericalli]

@RobinMalfait I was just digging into this issue as I'm also experiencing it. The insiders version is working for me!

Any rough timeline for the next official release?

[RobinMalfait]

@ericalli we just published a new release. npm install @headlessui/react@latest should do the trick 👍

[nicolas-rohricht]

Just adding something I found here that might be helpful for the ones who came to search for this issue...

Even after upgrading to the fixed release I still was experiencing this issue. Maximum update depth exceeded...
After spending a whole day investigating, found that (by any reason I don't know, maybe copied component code from any tutorial or something) I was passing a transition prop to the ListboxOptions component.

So all I needed to do was changing from this:

<ListboxOptions
  transition
  className={''}
  ...
/>

To this

<ListboxOptions
  className={''}
  ...
/>

[NadjibBELLOUNDJA]

@nicolas-rohricht that did the trick for me, thank you, you saved me a lot of time investigating !!

[Crownpack07]

We still experiencing this issue on version 2.2.0 and we do not want to remove the transition, Are there plans to fix this still any time soon?