Skip to content

Commit 9294864

Browse files
Update src/content/reference/react-dom/client/hydrateRoot.md
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
1 parent e74f0c8 commit 9294864

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

src/content/reference/react-dom/client/hydrateRoot.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -563,7 +563,7 @@ This renders a different value on the server and the client, so hydration fails.
563563
#### Debugging checklist {/*debugging-checklist*/}
564564
565565
1. Open the browser console and find the hydration mismatch message or error, and its stack trace.
566-
2. Look for changing values in render (`Math.random()`, `Date.now()`). Move them to server data or calculate them after hydration in [`useEffect`.](/reference/react/useEffect)
566+
2. Look for changing values in render (`Math.random()`, `Date.now()`). Move them to server data or calculate them after hydration in [`useEffect`](/reference/react/useEffect).
567567
3. Keep browser-only code out of render. Read `window`, `document`, and similar APIs in [`useEffect`](/reference/react/useEffect) or an event handler.
568568
4. Make sure the first client render uses the same data as the server render.
569569
5. If one mismatch is expected (for example, a timestamp), use `suppressHydrationWarning={true}` on that element.

0 commit comments

Comments
 (0)