hydration
Hydration connects client-side behavior to server-rendered HTML.
Use this when A server-rendered page flashes different content or reports a hydration mismatch.
without the term
“I'm getting 'text content did not match server-rendered HTML' and the page flickers with different content for a second. Can you fix the real cause, not just hide the warning?”
with the term · How do you ask a model for hydration?
Fix this hydration mismatch at its cause. Compare initial server and client output and verify the page before and after JavaScript loads.
What is hydration?
After server-rendered HTML arrives, the framework attaches event handlers and state to it. The first client render must match the server HTML, or the framework reports a mismatch.
Why does hydration matter when vibe coding?
Reading client-only state too early can produce a different initial tree.
How do you do hydration?
Find the differing inputs and isolate genuinely client-only behavior.
What goes wrong with hydration?
Suppressing warnings while leaving incorrect event or state behavior.