Closed sylwit closed 2 weeks ago
Run & review this pull request in StackBlitz Codeflow.
Latest commit: 18417771c2c3d3daf251c80943fc0b09284fd0e8
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
flowbite-react | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Mar 31, 2024 3:36pm |
flowbite-react-storybook | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Mar 31, 2024 3:36pm |
This update introduces the suppressHydrationWarning
property to both the html
component within the RootLayout
function and the Html
component within the Document
function. This change is aimed at improving the developer experience by suppressing hydration warnings that can clutter the console during development.
File Path | Change Summary |
---|---|
.../next-js.mdx |
Added suppressHydrationWarning to html and Html components in respective functions. |
🐰✨
In the land of code and flux,
A small change makes a big deluxe.
No more warnings to make us frown,
WithsuppressHydrationWarning
we wear the crown.
Hop along, dear devs, with glee,
For cleaner consoles, as it should be.
🌟🐾
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
Using darkMode can lead to an hydratation warning.
As described in nextjs doc
While rendering your application, there was a difference between the React tree that was pre-rendered from the server and the React tree that was rendered during the first render in the browser (hydration).
https://nextjs.org/docs/messages/react-hydration-error
https://github.com/pacocoursey/next-themes?tab=readme-ov-file#with-app
Summary by CodeRabbit
RootLayout
andDocument
components.