From c580a26db84af2a966abd67bc4837910b3f730ae Mon Sep 17 00:00:00 2001 From: Sylvain Witmeyer Date: Wed, 19 Jun 2024 08:25:56 -0400 Subject: [PATCH] Add suppressHydrationWarning for nextJS (#1335) 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 --- apps/web/content/docs/guides/next-js.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/web/content/docs/guides/next-js.mdx b/apps/web/content/docs/guides/next-js.mdx index 4ac78f41c..d6c374f73 100644 --- a/apps/web/content/docs/guides/next-js.mdx +++ b/apps/web/content/docs/guides/next-js.mdx @@ -150,7 +150,7 @@ import { ThemeModeScript } from "flowbite-react"; export default function RootLayout({ children }) { return ( - + @@ -169,7 +169,7 @@ import { ThemeModeScript } from "flowbite-react"; export default function Document() { return ( - +