Add AuthProvider to RootLayout

2024-05-23 18:42:26 +04:00
parent e5e394b258
commit c8f3456459
2 changed files with 27 additions and 7 deletions
@@ -0,0 +1,17 @@
+'use client'
+
+import Proptypes from 'prop-types'
+import {SessionProvider} from 'next-auth/react'
+
+export default function AuthProvider({children, session}) {
+  return (
+    <SessionProvider session={session}>
+      {children}
+    </SessionProvider>
+  )
+}
+
+AuthProvider.propTypes = {
+  children: Proptypes.node,
+  session: Proptypes.object
+}
@@ -6,17 +6,20 @@ import '@fontsource/roboto/500.css'
 import '@fontsource/roboto/700.css'
 import CssBaseline from '@mui/material/CssBaseline'
 import theme from '../src/theme.js'
+import AuthProvider from './auth-provider.js'

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