fixed a bit

app/layout.js

@@ -1,9 +1,12 @@
 import './globals.css';
+import { NextAuthProvider } from './providers';
 
 export default function RootLayout({ children }) {
     return (
         <html lang="en">
-        <body>{children}</body>
+        <body>
+        <NextAuthProvider>{children}</NextAuthProvider>
+        </body>
         </html>
     );
 }

app/providers.js

@@ -0,0 +1,7 @@
+'use client';
+
+import { SessionProvider } from "next-auth/react";
+
+export function NextAuthProvider({ children }) {
+    return <SessionProvider>{children}</SessionProvider>;
+}

app/providers/auth-provider.js

@@ -0,0 +1,7 @@
+'use client';
+
+import { SessionProvider } from "next-auth/react";
+
+export function NextAuthProvider({ children }) {
+    return <SessionProvider>{children}</SessionProvider>;
+}

app/providers/index.js

@@ -0,0 +1 @@
+export { NextAuthProvider } from './auth-provider';