BUG: After upgrading next.js get server/client radix ui prop mismatch - Githubissues

tayv / Project-Bubblegum

React UI + controlled form components

https://bubblegumui.vercel.app

2 stars 0 forks source link

BUG: After upgrading next.js get server/client radix ui prop mismatch #77

Open tayv opened 1 year ago

tayv commented 1 year ago

Problem: app-index.js:31 Warning: Proparia-controlsdid not match. Server: "radix-:R3ilmqqcq:" Client: "radix-:Reamrb9j9:"

Possible Solutions:

Using React.useId hook
- https://stackoverflow.com/questions/61290173/react-select-how-do-i-resolve-warning-prop-id-did-not-match
- https://react.dev/reference/react/useId

Other Notes:

Unsure how to attach this to a Radix primitive
Seems to be sourced to the Select component