Maximum update depth exceeded when using MenuButton with as={Fragment}

[faebeee]

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

2.1.3

What browser are you using?

Any

Minimal Repro Sandbox

You can use one of the starting projects on CodeSandbox:

Describe your issue

When using the MenuButton with the as={Fragment} property, I end up with a "Maximum update depth exceeded" Error

[serafxxx]

same for ComboboxInput

[jcypret]

We're seeing this as well starting with @headlessui/react v2.1.4 and also in the latest version v2.1.5:

Hitting the same error as @faebeee specifically related to as={Fragment} on MenuButton. If we drop the as or change it to something else like as="div", it works.

[RobinMalfait]

Hey!

This should be fixed by #3478, and is available in the latest release (2.1.8).

You can already try it using:

• npm install @headlessui/react@latest.