{"id":12,"hash":"40638375100c712da819832c323f2256db7798f98f891712c484413cadbcee01","pattern":"Hydration failed because the initial UI does not match what was rendered on the server","full_message":"Error: Hydration failed because the initial UI does not match what was rendered on the server.","ecosystem":"npm","package_name":"react","package_version":null,"solution":"Server HTML and client render diverged. Common causes:\n1. Browser-only API in render (window, localStorage, Date.now()). Wrap in useEffect or guard `typeof window !== 'undefined'`.\n2. Invalid HTML nesting (<p><div/></p>, <a><a/></a>).\n3. Content driven by Math.random() or Date. Use useId() or pass a stable value from the server.\n4. Browser extensions modifying DOM before hydration.","confidence":0.9,"source":"official-docs","source_url":"https://react.dev/link/hydration-mismatch","votes":47,"created_at":"2026-04-19T03:24:36.996967+00:00","updated_at":"2026-04-19T03:25:24.784972+00:00"}