The component accepts children as props.
The main site content.
The rendered layout and its children.
export default function RootLayout({ children }: { children: React.ReactNode }) { return ( <html lang="en" suppressHydrationWarning> <body className={inter.className}> <ThemeProvider> <Page>{children}</Page> </ThemeProvider> <Analytics /> <SpeedInsights /> </body> </html> );} Copy
export default function RootLayout({ children }: { children: React.ReactNode }) { return ( <html lang="en" suppressHydrationWarning> <body className={inter.className}> <ThemeProvider> <Page>{children}</Page> </ThemeProvider> <Analytics /> <SpeedInsights /> </body> </html> );}
The component accepts children as props.