fix: remove hydration error generated by Sentry Spotlight.js

ixartz · Oct 17, 2024 · 8b14146 · 8b14146
1 parent dcaae5c
commit 8b14146
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
@@ -45,9 +45,12 @@ export default function RootLayout(props: {
   // Using internationalization in Client Components
   const messages = useMessages();
 
+  // The `suppressHydrationWarning` attribute in <body> is used to prevent hydration errors caused by Sentry Overlay,
+  // which dynamically adds a `style` attribute to the body tag.
+
   return (
     <html lang={props.params.locale}>
-      <body>
+      <body suppressHydrationWarning>
         <NextIntlClientProvider
           locale={props.params.locale}
           messages={messages}