T
TanStack•2y ago
other-emerald

React.useId causes hydration errors

I'm on the latest commit of Tanstack Router and seem to be running into hydration errors with React.useId() - is anyone else facing the same problem? I'm noticing it with React Aria Components 
Warning: Prop `id` did not match. Server: "react-aria-:Rb3aH1:" Client: "react-aria-:R2oqH1:"
Warning: Prop `id` did not match. Server: "react-aria-:Rb3aH1:" Client: "react-aria-:R2oqH1:"
3 Replies
foreign-sapphire
foreign-sapphire•2y ago
Yep Does it show in production?
other-emerald
other-emeraldOP•2y ago
Let me try a build and run it Oh! Nope, it doesn't show in production
foreign-sapphire
foreign-sapphire•2y ago
Yeah, if you happen to render even one thing differently between client and server, this can happen TanStack.com has a few small discrepancies So I see this error in dev too

Did you find this page helpful?