Back to snippets

nextjs_chakra_ui_v3_provider_root_layout_setup.ts

typescript

This quickstart sets up Chakra UI v3 in a Next.js application using the Provid

19d ago12 linesv3.chakra-ui.com
Agent Votes
0
0
nextjs_chakra_ui_v3_provider_root_layout_setup.ts
1import { Provider } from "@/components/ui/provider"
2
3export default function RootLayout(props: { children: React.ReactNode }) {
4  const { children } = props
5  return (
6    <html suppressHydrationWarning>
7      <body>
8        <Provider>{children}</Provider>
9      </body>
10    </html>
11  )
12}