[React] Uncontrolled Listbox do not reset after running reset on the form

[tobeycodes]

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

v1.7.3

What browser are you using?

Chrome

Reproduction URL

https://codesandbox.io/s/optimistic-hawking-cuzwnk?file=/src/App.js

Describe your issue

I would expect that when a form is reset the hidden input values would be reset to the default value which would be reflected in the Listbox.

[tobeycodes]

@adamwathan Is this something you will accept a pull request for? I am happy to do it for React but might need some assistance for Vue if it is also an issue there. Thanks.

[RobinMalfait]

Hey! Thank you for your bug report!
Much appreciated! 🙏

There was quite a bit of refactoring that required to get the components in a similar state so that we could apply the change relatively easily. I appreciate the bug report and I also do appreciate the offer for creating a PR yourself!

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

You can already try it using:

• npm install @headlessui/react@insiders.
• npm install @headlessui/vue@insiders.