0831968881
- Add suppressHydrationWarning to html and body elements - Prevents FoxClocks and other extensions from causing errors - Extensions modifying DOM won't break React hydration
38 lines
1.0 KiB
TypeScript
38 lines
1.0 KiB
TypeScript
import "./globals.css";
|
|
import type { Metadata } from "next";
|
|
import ErrorBoundary from "@/components/providers/ErrorBoundary";
|
|
|
|
export const metadata: Metadata = {
|
|
title: {
|
|
default: "ManoonOils - Premium Natural Oils for Hair & Skin",
|
|
template: "%s | ManoonOils",
|
|
},
|
|
description: "Discover our premium collection of natural oils for hair and skin care. Handmade with love.",
|
|
robots: "index, follow",
|
|
openGraph: {
|
|
title: "ManoonOils - Premium Natural Oils for Hair & Skin",
|
|
description: "Discover our premium collection of natural oils for hair and skin care.",
|
|
type: "website",
|
|
locale: "en_US",
|
|
},
|
|
};
|
|
|
|
// Suppress extension-caused hydration warnings
|
|
const suppressHydrationWarning = true;
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<body className="antialiased" suppressHydrationWarning>
|
|
<ErrorBoundary>
|
|
{children}
|
|
</ErrorBoundary>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|