Update react-hydration-error.mdx (vercel#63455)

Adding a very common cause for hydration errors --------- Co-authored-by: Sam Ko <[email protected]>
onwidget · Mar 19, 2024 · 203f6a8 · 203f6a8
1 parent 430e71a
commit 203f6a8
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/errors/react-hydration-error.mdx b/errors/react-hydration-error.mdx
@@ -19,10 +19,11 @@ Hydration errors can occur from:
    4. [Interactive Content](https://html.spec.whatwg.org/#interactive-content-2) cannot be nested (`<a>` nested in a `<a>` tag, `<button>` nested in a `<button>` tag, etc.)
 2. Using checks like `typeof window !== 'undefined'` in your rendering logic
 3. Using browser-only APIs like `window` or `localStorage` in your rendering logic
-4. [Browser extensions](https://github.com/facebook/react/issues/24430) modifying the HTML
-5. Incorrectly configured [CSS-in-JS libraries](https://nextjs.org/docs/app/building-your-application/styling/css-in-js)
+4. Using time-dependent APIs such as the `Date()` constructor in your rendering logic
+5. [Browser extensions](https://github.com/facebook/react/issues/24430) modifying the HTML
+6. Incorrectly configured [CSS-in-JS libraries](https://nextjs.org/docs/app/building-your-application/styling/css-in-js)
    1. Ensure your code is following [our official examples](https://github.com/vercel/next.js/tree/canary/examples)
-6. Incorrectly configured Edge/CDN that attempts to modify the html response, such as Cloudflare [Auto Minify](https://developers.cloudflare.com/speed/optimization/content/auto-minify/)
+7. Incorrectly configured Edge/CDN that attempts to modify the html response, such as Cloudflare [Auto Minify](https://developers.cloudflare.com/speed/optimization/content/auto-minify/)
 
 ## Possible Ways to Fix It