What is a hydration mismatch?
0:14
A hydration mismatch happens when the HTML rendered on the server does not match what React produces on the client during hydration. It causes warnings and can lead to broken UI. Common causes include using random values or browser-only APIs during render.