ORGANISATION-KA-INTERNATIONALE/konstitisyon.nu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add AuthProvider to RootLayout

Browse Source
This commit is contained in:
Cédric Famibelle-Pronzola
2024-05-23 18:42:26 +04:00
parent e5e394b258
commit c8f3456459
2 changed files with 27 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/auth-provider.js
+17
View File
@@ -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
}
app/layout.js
+4 -1
View File
@@ -6,17 +6,20 @@ import '@fontsource/roboto/500.css'
import '@fontsource/roboto/700.css' import '@fontsource/roboto/700.css'
import CssBaseline from '@mui/material/CssBaseline' import CssBaseline from '@mui/material/CssBaseline'
import theme from '../src/theme.js' 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 ( return (
<html lang='fr'> <html lang='fr'>
<body> <body>
<AuthProvider session={Session}>
<AppRouterCacheProvider> <AppRouterCacheProvider>
<ThemeProvider theme={theme}> <ThemeProvider theme={theme}>
<CssBaseline /> <CssBaseline />
{children} {children}
</ThemeProvider> </ThemeProvider>
</AppRouterCacheProvider> </AppRouterCacheProvider>
</AuthProvider>
</body> </body>
</html> </html>
) )