Adapt with new next-auth version

pages/_app.js

@@ -3,7 +3,7 @@ import {useRouter} from 'next/router'
 import PropTypes from 'prop-types'
 import {createTheme, ThemeProvider} from '@mui/material/styles'
 import CssBaseline from '@mui/material/CssBaseline'
-import {Provider, useSession} from 'next-auth/client'
+import {SessionProvider, useSession} from 'next-auth/react'
 import {CacheProvider} from '@emotion/react'
 import {grey, green, red} from '@mui/material/colors'
 import NProgress from 'nprogress'
@@ -99,21 +99,22 @@ export default function MyApp(props) {
     <CacheProvider value={emotionCache}>
       <ThemeProvider theme={theme}>
         <CssBaseline />
-        <Provider session={pageProps.session}>
+        <SessionProvider session={pageProps.session} refetchInterval={5 * 60}>
           <SwitchTheme switchFixed={switchFixed} mode={mode} setMode={setMode} />
           {Component.auth ? (
             <Auth><Component {...pageProps} /></Auth>
           ) : (
             <Component {...pageProps} />
           )}
-        </Provider>
+        </SessionProvider>
       </ThemeProvider>
     </CacheProvider>
   )
 }
 
 function Auth({children}) {
-  const [session, loading] = useSession()
+  const {data: session, status} = useSession()
+  const loading = status === 'loading'
   const isUser = Boolean(session?.user)
   const router = useRouter()
   useEffect(() => {