The preview is showing the following runtime errors:
[2026-07-15T17:01:11.819Z] Error: Hydration failed because the server rendered text 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
...
<HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
<HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
<RedirectBoundary>
<RedirectErrorBoundary router={{...}}>
<InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
<SegmentViewNode type="page" pagePath="(app)/page...">
<SegmentTrieNode>
<OverviewPage>
<div className="pb-12">
<div>
<div className="px-4 pt-6 ...">
<div>
<div className="mt-6 grid ...">
<div>
<div className="rounded-xl...">
<div>
<Donut data={[...]}>
<div className="relative">
<div>
<div className="pointer-ev...">
<span className="text-2xl font-semibold tabular-nums">
+ 1582
- 1,582
...
...
...
...
...
at throwOnHydrationMismatch (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:3097:56)
at prepareToHydrateHostInstance (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:3150:23)
at completeWork (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:6839:25)
at runWithFiberInDEV (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:759:74)
at completeUnitOfWork (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:9898:23)
at performUnitOfWork (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:9833:28)
at workLoopConcurrentByScheduler (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:9827:58)
at renderRootConcurrent (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:9810:71)
at performWorkOnRoot (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:9283:150)
at performWorkOnRootViaSchedulerTask (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:10749:9)
at MessagePort.performWorkUntilDeadline (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/01vs_next_dist_compiled_01zxbl.._.js:2684:64)
[2026-07-15T17:01:11.821Z] Error: Hydration failed because the server rendered text 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
...
<HTTPAccessFallbackBoundary notFound={{...}} forbidden={undefined} unauthorized={undefined}>
<HTTPAccessFallbackErrorBoundary pathname="/" notFound={{...}} forbidden={undefined} unauthorized={undefined} ...>
<RedirectBoundary>
<RedirectErrorBoundary router={{...}}>
<InnerLayoutRouter url="/" tree={[...]} params={{}} cacheNode={{rsc:{...}, ...}} segmentPath={[...]} ...>
<SegmentViewNode type="page" pagePath="(app)/page...">
<SegmentTrieNode>
<OverviewPage>
<div className="pb-12">
<div>
<div className="px-4 pt-6 ...">
<div>
<div className="mt-6 grid ...">
<div>
<div className="rounded-xl...">
<div>
<Donut data={[...]}>
<div className="relative">
<div>
<div className="pointer-ev...">
<span className="text-2xl font-semibold tabular-nums">
+ 1582
- 1,582
...
...
...
...
...
at throwOnHydrationMismatch (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:3097:56)
at prepareToHydrateHostInstance (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:3150:23)
at completeWork (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:6839:25)
at runWithFiberInDEV (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:759:74)
at completeUnitOfWork (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:9898:23)
at performUnitOfWork (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:9833:28)
at workLoopConcurrentByScheduler (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:9827:58)
at renderRootConcurrent (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:9810:71)
at performWorkOnRoot (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:9283:150)
at performWorkOnRootViaSchedulerTask (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/0o___dist_compiled_react-dom-experimental_cjs_react-dom-client_development_0vvtsp..js:10749:9)
at MessagePort.performWorkUntilDeadline (https://vm-du-labs-dashboard.vusercontent.net/_next/static/chunks/01vs_next_dist_compiled_01zxbl.._.js:2684:64)
Fix the code to resolve them.