245 lines
26 KiB
Plaintext
245 lines
26 KiB
Plaintext
[00:00:05.015] Server LOG ✓ Ready in 4.9s
|
|
[00:00:06.419] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:00:06.585] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:00:06.585] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/","route":"/"}
|
|
[00:00:06.585] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/?ide_webview_request_time=1766987476121 color: rgb(120, 120, 120) color: inherit {"dp":"/","o":"http://localhost:3000/?ide_webview_request_time=1766987476121","r":"","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987479237}
|
|
[00:00:15.826] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:00:15.826] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:00:15.827] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/","route":"/"}
|
|
[00:00:15.827] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/ color: rgb(120, 120, 120) color: inherit {"dp":"/","o":"http://localhost:3000/","r":"","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987488325}
|
|
[00:00:18.552] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/my color: rgb(120, 120, 120) color: inherit {"dp":"/my","o":"http://localhost:3000/my","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987491224}
|
|
[00:00:22.734] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/ color: rgb(120, 120, 120) color: inherit {"dp":"/","o":"http://localhost:3000/","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987495403}
|
|
[00:00:24.975] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/chapters color: rgb(120, 120, 120) color: inherit {"dp":"/chapters","o":"http://localhost:3000/chapters","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987497646}
|
|
[00:00:27.235] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/read/1.1 color: rgb(120, 120, 120) color: inherit {"dp":"/read/[id]","o":"http://localhost:3000/read/1.1","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987499902}
|
|
[00:00:31.768] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/my/referral color: rgb(120, 120, 120) color: inherit {"dp":"/my/referral","o":"http://localhost:3000/my/referral","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987504440}
|
|
[00:00:34.628] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/my color: rgb(120, 120, 120) color: inherit {"dp":"/my","o":"http://localhost:3000/my","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987507298}
|
|
[00:00:40.779] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:00:40.779] Browser ERROR uncaughtError: 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={undefined} forbidden={undefined} unauthorized={undefined}>
|
|
<RedirectBoundary>
|
|
<RedirectErrorBoundary router={{...}}>
|
|
<InnerLayoutRouter url="/admin" tree={[...]} params={{}} cacheNode={{lazyData:null, ...}} segmentPath={[...]} ...>
|
|
<SegmentViewNode type="page" pagePath="admin/page...">
|
|
<SegmentTrieNode>
|
|
<ClientPageRoot Component={function AdminDashboard} serverProvidedParams={{...}}>
|
|
<AdminDashboard params={Promise} searchParams={Promise}>
|
|
<div className="p-8 max-w-...">
|
|
<h1>
|
|
<div className="grid grid-...">
|
|
<_c className="bg-[#1e293...">
|
|
<div ref={null} className="rounded-xl...">
|
|
<_c2>
|
|
<_c8>
|
|
<div ref={null} className="p-6 pt-0">
|
|
<div className="text-2xl font-bold text-white">
|
|
+ 1
|
|
- 0
|
|
...
|
|
...
|
|
...
|
|
...
|
|
|
|
[00:00:40.779] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:00:40.779] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin","route":"/admin"}
|
|
[00:00:40.779] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin color: rgb(120, 120, 120) color: inherit {"dp":"/admin","o":"http://localhost:3000/admin","r":"","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987512879}
|
|
[00:00:44.337] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:00:44.442] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:00:44.442] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin/content","route":"/admin/content"}
|
|
[00:00:44.442] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/content color: rgb(120, 120, 120) color: inherit {"dp":"/admin/content","o":"http://localhost:3000/admin/content","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987517114}
|
|
[00:00:47.027] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:00:47.152] Browser ERROR uncaughtError: 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={undefined} forbidden={undefined} unauthorized={undefined}>
|
|
<RedirectBoundary>
|
|
<RedirectErrorBoundary router={{...}}>
|
|
<InnerLayoutRouter url="/admin" tree={[...]} params={{}} cacheNode={{lazyData:null, ...}} segmentPath={[...]} ...>
|
|
<SegmentViewNode type="page" pagePath="admin/page...">
|
|
<SegmentTrieNode>
|
|
<ClientPageRoot Component={function AdminDashboard} serverProvidedParams={{...}}>
|
|
<AdminDashboard params={Promise} searchParams={Promise}>
|
|
<div className="p-8 max-w-...">
|
|
<h1>
|
|
<div className="grid grid-...">
|
|
<_c className="bg-[#1e293...">
|
|
<div ref={null} className="rounded-xl...">
|
|
<_c2>
|
|
<_c8>
|
|
<div ref={null} className="p-6 pt-0">
|
|
<div className="text-2xl font-bold text-white">
|
|
+ 1
|
|
- 0
|
|
...
|
|
...
|
|
...
|
|
...
|
|
|
|
[00:00:47.152] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:00:47.152] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin","route":"/admin"}
|
|
[00:00:47.152] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin color: rgb(120, 120, 120) color: inherit {"dp":"/admin","o":"http://localhost:3000/admin","r":"","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987519824}
|
|
[00:00:48.223] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:00:48.323] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:00:48.323] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin/users","route":"/admin/users"}
|
|
[00:00:48.323] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/users color: rgb(120, 120, 120) color: inherit {"dp":"/admin/users","o":"http://localhost:3000/admin/users","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987520996}
|
|
[00:00:49.448] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:00:49.569] Browser ERROR uncaughtError: 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={undefined} forbidden={undefined} unauthorized={undefined}>
|
|
<RedirectBoundary>
|
|
<RedirectErrorBoundary router={{...}}>
|
|
<InnerLayoutRouter url="/admin" tree={[...]} params={{}} cacheNode={{lazyData:null, ...}} segmentPath={[...]} ...>
|
|
<SegmentViewNode type="page" pagePath="admin/page...">
|
|
<SegmentTrieNode>
|
|
<ClientPageRoot Component={function AdminDashboard} serverProvidedParams={{...}}>
|
|
<AdminDashboard params={Promise} searchParams={Promise}>
|
|
<div className="p-8 max-w-...">
|
|
<h1>
|
|
<div className="grid grid-...">
|
|
<_c className="bg-[#1e293...">
|
|
<div ref={null} className="rounded-xl...">
|
|
<_c2>
|
|
<_c8>
|
|
<div ref={null} className="p-6 pt-0">
|
|
<div className="text-2xl font-bold text-white">
|
|
+ 1
|
|
- 0
|
|
...
|
|
...
|
|
...
|
|
...
|
|
|
|
[00:00:49.569] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:00:49.569] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin","route":"/admin"}
|
|
[00:00:49.569] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin color: rgb(120, 120, 120) color: inherit {"dp":"/admin","o":"http://localhost:3000/admin","r":"","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987522242}
|
|
[00:00:50.687] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/payment color: rgb(120, 120, 120) color: inherit {"dp":"/admin/payment","o":"http://localhost:3000/admin/payment","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987523341}
|
|
[00:01:06.222] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:01:06.337] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:01:06.337] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin/qrcodes","route":"/admin/qrcodes"}
|
|
[00:01:06.337] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/qrcodes color: rgb(120, 120, 120) color: inherit {"dp":"/admin/qrcodes","o":"http://localhost:3000/admin/qrcodes","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987539010}
|
|
[00:01:07.842] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:01:07.967] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:01:07.967] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin/payment","route":"/admin/payment"}
|
|
[00:01:07.967] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/payment color: rgb(120, 120, 120) color: inherit {"dp":"/admin/payment","o":"http://localhost:3000/admin/payment","r":"","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987540639}
|
|
[00:01:08.767] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:01:08.878] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:01:08.878] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin/settings","route":"/admin/settings"}
|
|
[00:01:08.878] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/settings color: rgb(120, 120, 120) color: inherit {"dp":"/admin/settings","o":"http://localhost:3000/admin/settings","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987541550}
|
|
[00:01:10.134] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:01:10.260] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:01:10.260] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin/payment","route":"/admin/payment"}
|
|
[00:01:10.260] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/payment color: rgb(120, 120, 120) color: inherit {"dp":"/admin/payment","o":"http://localhost:3000/admin/payment","r":"","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987542932}
|
|
[00:02:21.807] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:02:21.913] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:02:21.913] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin/settings","route":"/admin/settings"}
|
|
[00:02:21.913] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/settings color: rgb(120, 120, 120) color: inherit {"dp":"/admin/settings","o":"http://localhost:3000/admin/settings","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987614586}
|
|
[00:02:23.214] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:02:23.327] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:02:23.327] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin/payment","route":"/admin/payment"}
|
|
[00:02:23.327] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/payment color: rgb(120, 120, 120) color: inherit {"dp":"/admin/payment","o":"http://localhost:3000/admin/payment","r":"","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987616000}
|
|
[00:02:23.918] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:02:24.022] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:02:24.022] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin/users","route":"/admin/users"}
|
|
[00:02:24.022] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/users color: rgb(120, 120, 120) color: inherit {"dp":"/admin/users","o":"http://localhost:3000/admin/users","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987616696}
|
|
[00:02:25.097] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:02:25.216] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:02:25.216] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin/payment","route":"/admin/payment"}
|
|
[00:02:25.216] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/payment color: rgb(120, 120, 120) color: inherit {"dp":"/admin/payment","o":"http://localhost:3000/admin/payment","r":"","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987617890}
|
|
[00:02:26.013] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:02:26.119] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:02:26.119] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin/content","route":"/admin/content"}
|
|
[00:02:26.119] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/content color: rgb(120, 120, 120) color: inherit {"dp":"/admin/content","o":"http://localhost:3000/admin/content","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987618793}
|
|
[00:02:27.025] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:02:27.152] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:02:27.152] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin/payment","route":"/admin/payment"}
|
|
[00:02:27.152] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/payment color: rgb(120, 120, 120) color: inherit {"dp":"/admin/payment","o":"http://localhost:3000/admin/payment","r":"","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987619825}
|
|
[00:02:27.858] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin color: rgb(120, 120, 120) color: inherit {"dp":"/admin","o":"http://localhost:3000/admin","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987620531}
|
|
[00:03:49.907] Server LOG ✓ Compiled in 19ms
|
|
[00:03:51.550] Server LOG ✓ Compiled in 6ms
|
|
[00:04:38.780] Server LOG ✓ Compiled in 34ms
|
|
[00:04:38.905] Server LOG ✓ Compiled in 34ms
|
|
[00:04:38.944] Server LOG ✓ Compiled in 36ms
|
|
[00:08:17.103] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:08:17.245] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:08:17.245] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/","route":"/"}
|
|
[00:08:17.245] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/?ide_webview_request_time=1766987476121 color: rgb(120, 120, 120) color: inherit {"dp":"/","o":"http://localhost:3000/?ide_webview_request_time=1766987476121","r":"","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987969923}
|
|
[00:08:31.759] Browser INFO %cDownload the React DevTools for a better development experience: https://react.dev/link/react-devtools font-weight:bold
|
|
[00:08:31.909] Browser ERROR uncaughtError: 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={undefined} forbidden={undefined} unauthorized={undefined}>
|
|
<RedirectBoundary>
|
|
<RedirectErrorBoundary router={{...}}>
|
|
<InnerLayoutRouter url="/admin" tree={[...]} params={{}} cacheNode={{lazyData:null, ...}} segmentPath={[...]} ...>
|
|
<SegmentViewNode type="page" pagePath="admin/page...">
|
|
<SegmentTrieNode>
|
|
<ClientPageRoot Component={function AdminDashboard} serverProvidedParams={{...}}>
|
|
<AdminDashboard params={Promise} searchParams={Promise}>
|
|
<div className="p-8 max-w-...">
|
|
<h1>
|
|
<div className="grid grid-...">
|
|
<_c className="bg-[#1e293...">
|
|
<div ref={null} className="rounded-xl...">
|
|
<_c2>
|
|
<_c8>
|
|
<div ref={null} className="p-6 pt-0">
|
|
<div className="text-2xl font-bold text-white">
|
|
+ 1
|
|
- 0
|
|
...
|
|
...
|
|
...
|
|
...
|
|
|
|
[00:08:31.909] Browser LOG %c[Vercel Web Analytics]%c Debug mode is enabled by default in development. No requests will be sent to the server. color: rgb(120, 120, 120) color: inherit
|
|
[00:08:31.909] Browser LOG %c[Vercel Web Analytics]%c Running queued event color: rgb(120, 120, 120) color: inherit pageview {"path":"/admin","route":"/admin"}
|
|
[00:08:31.909] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin color: rgb(120, 120, 120) color: inherit {"dp":"/admin","o":"http://localhost:3000/admin","r":"","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987984587}
|
|
[00:08:34.015] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/content color: rgb(120, 120, 120) color: inherit {"dp":"/admin/content","o":"http://localhost:3000/admin/content","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987986692}
|
|
[00:08:37.888] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/users color: rgb(120, 120, 120) color: inherit {"dp":"/admin/users","o":"http://localhost:3000/admin/users","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987990566}
|
|
[00:08:43.638] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/payment color: rgb(120, 120, 120) color: inherit {"dp":"/admin/payment","o":"http://localhost:3000/admin/payment","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987996302}
|
|
[00:08:44.805] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/qrcodes color: rgb(120, 120, 120) color: inherit {"dp":"/admin/qrcodes","o":"http://localhost:3000/admin/qrcodes","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766987997482}
|
|
[00:08:53.869] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/settings color: rgb(120, 120, 120) color: inherit {"dp":"/admin/settings","o":"http://localhost:3000/admin/settings","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766988006546}
|
|
[00:09:01.283] Browser LOG %c[Vercel Web Analytics]%c [pageview] http://localhost:3000/admin/payment color: rgb(120, 120, 120) color: inherit {"dp":"/admin/payment","o":"http://localhost:3000/admin/payment","sdkn":"@vercel/analytics/next","sdkv":"1.6.1","sv":"0.1.3","ts":1766988013950}
|