Using custom values in Combobox causes "Maximum recursive updates exceeded" warning

What package within Headless UI are you using?

@headlessui/vue

What version of that package are you using?

v1.6.2

What browser are you using?

Firefox

Reproduction URL

Repo - fresh Vue/Vite app, just npm i && npm run dev and open in a browser: https://github.com/bakerkretzmar/headless-ui-recursive-issue

Codesandbox: https://codesandbox.io/s/places-combobox-forked-2eyihf?file=/src/App.vue

Describe your issue

The Allowing custom values example from the docs produces several hundred console warnings from Vue that the maximum recursive updates have been exceeded.

Typing anything into the combobox produces about a hundred warnings immediately, and then hovering over each option in the list logs an additional error or two every time.

[thecrypticace]

This is a result of two things :value="{ id: null, name: query }" producing a new object every render and the internal active option tracking we do. We’re going to update the documentation to recommend a computed() property wrapping that value to work around this. I’ll leave this open until we’ve done that.

[bakerkretzmar]

Fantastic, thanks so much!