ERROR #1
Error Type
Recoverable Error
Error Message
Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:
- A server/client branch
if (typeof window !== 'undefined').
- Variable input such as
Date.now() or Math.random() which changes each time it's called.
- Date formatting in a user's locale which doesn't match the server.
- External changing data without sending a snapshot of it along with the HTML.
- Invalid HTML tag nesting.
It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.
https://react.dev/link/hydration-mismatch
...
<HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>
<HTTPAccessFallbackBoundary notFound={}>
<HTTPAccessFallbackErrorBoundary pathname="/" notFound={} ...>
<Head headCacheNode={{rsc:{...}, ...}}>
<next_viewport_boundary>
<div
-
-
id="nighthawk-content-anchor"
-
style={{display:"none"}}
>
<__next_metadata_boundary__>
-
<Suspense name="Next.Metadata">
...
...
at Suspense (:null:null)
Next.js version: 16.2.2 (Turbopack)
ERROR #2
Error Type
Console AxiosError
Error Message
Request failed with status code 500
Next.js version: 16.2.2 (Turbopack)
ERROR #1
Error Type
Recoverable Error
Error Message
Hydration failed because the server rendered HTML didn't match the client. As a result this tree will be regenerated on the client. This can happen if a SSR-ed Client Component used:
if (typeof window !== 'undefined').Date.now()orMath.random()which changes each time it's called.It can also happen if the client has a browser extension installed which messes with the HTML before React loaded.
https://react.dev/link/hydration-mismatch
...
<HotReload globalError={[...]} webSocket={WebSocket} staticIndicatorState={{pathname:null, ...}}>
<HTTPAccessFallbackBoundary notFound={}>
<HTTPAccessFallbackErrorBoundary pathname="/" notFound={} ...>
<Head headCacheNode={{rsc:{...}, ...}}>
<next_viewport_boundary>
<div
at Suspense (:null:null)
Next.js version: 16.2.2 (Turbopack)
ERROR #2
Error Type
Console AxiosError
Error Message
Request failed with status code 500
Next.js version: 16.2.2 (Turbopack)