diff --git a/app/layout.js b/app/layout.js
index 94ffa5a..b7c43e5 100644
--- a/app/layout.js
+++ b/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>
     );
 }
\ No newline at end of file
diff --git a/app/providers.js b/app/providers.js
new file mode 100644
index 0000000..8662db2
--- /dev/null
+++ b/app/providers.js
@@ -0,0 +1,7 @@
+'use client';
+
+import { SessionProvider } from "next-auth/react";
+
+export function NextAuthProvider({ children }) {
+    return <SessionProvider>{children}</SessionProvider>;
+}
\ No newline at end of file
diff --git a/app/providers/auth-provider.js b/app/providers/auth-provider.js
new file mode 100644
index 0000000..8662db2
--- /dev/null
+++ b/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>;
+}
\ No newline at end of file
diff --git a/app/providers/index.js b/app/providers/index.js
new file mode 100644
index 0000000..da8aeaf
--- /dev/null
+++ b/app/providers/index.js
@@ -0,0 +1 @@
+export { NextAuthProvider } from './auth-provider';
\ No newline at end of file