Use Nextjs integration for Mui

2024-05-17 08:42:30 +04:00
parent cfa4ff6b0d
commit 03ce161f65
4 changed files with 37 additions and 1 deletions
@@ -1,12 +1,21 @@
+import {AppRouterCacheProvider} from '@mui/material-nextjs/v13-appRouter'
+import {ThemeProvider} from '@mui/material/styles'
 import '@fontsource/roboto/300.css'
 import '@fontsource/roboto/400.css'
 import '@fontsource/roboto/500.css'
 import '@fontsource/roboto/700.css'
+import theme from '../src/theme.js'

 export default function RootLayout({children}) { // eslint-disable-line react/prop-types
  return (
    <html lang='fr'>
-      <body>{children}</body>
+      <body>
+        <AppRouterCacheProvider>
+          <ThemeProvider theme={theme}>
+            {children}
+          </ThemeProvider>
+        </AppRouterCacheProvider>
+      </body>
    </html>
  )
 }