exotic-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

stormy-gold•17mo ago

Yep Does it show in production?

exotic-emeraldOP•17mo ago

Let me try a build and run it Oh! Nope, it doesn't show in production

stormy-gold•17mo 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

Gaming

Programming

React.useId causes hydration errors

Did you find this page helpful?