-
Notifications
You must be signed in to change notification settings - Fork 1.5k
Description
Do you need to file an issue?
- I have searched the existing issues and this bug is not already filed.
- I believe this is a legitimate bug, not just a question or feature request.
Describe the bug
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()orMath.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.
See more info here: https://nextjs.org/docs/messages/react-hydration-error
...
<script>
<script>
<script>
<script>
<img
-
alt="DeepTutor Logo"
-
alt="DeepTutor标志" fetchPriority={undefined} loading={undefined} width={32} height={32} decoding="async" data-nimg="1" className="object-contain" style={{color:"transparent"}} sizes={undefined} srcSet={"/_next/image?url=%2Flogo.png&w=32&q=75 1x, /_next/image?url=%2Flogo.png&..."} src={"/_next/image?url=%2Flogo.png&w=64&q=75"} ref={function} onLoad={function onLoad} onError={function onError} -
_mstalt="227227" -
_msthash="1" > ... <h1 className="font-bold text-slate-900 dark:text-slate-100 tracking-tight text-base whi..." -
_msttexthash="10965591" -
_msthash="2" >
-
DeepTutor
-
深度导师 ... ... ... ...
components/Sidebar.tsx (239:15) @ Sidebar
237 | />
238 |
239 | <h1
| ^
240 | className={`font-bold text-slate-900 dark:text-slate-100 tracking-tight text-base whitespace-nowrap transition-all duration-300 ${
241 | sidebarCollapsed
242 | ? "opacity-0 w-0 overflow-hidden"
Steps to reproduce
No response
Expected Behavior
No response
Related Module
Dashboard
Configuration Used
No response
Logs and screenshots
No response
Additional Information
- DeepTutor Version:
- Operating System:
- Python Version:
- Node.js Version:
- Browser (if applicable):
- Related Issues: