diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8574643..e188300 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,7 +1,6 @@
import type { Metadata } from "next";
import "./globals.css";
-import { Toaster } from "sonner";
-import { SessionProvider } from "next-auth/react";
+import Providers from "./providers";
export const metadata: Metadata = {
title: "Create Next App",
@@ -15,14 +14,9 @@ export default function RootLayout({
}>) {
return (
-
-
- {children}
-
-
+
+ {children}
);
-}
+}
\ No newline at end of file
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
new file mode 100644
index 0000000..07f7ee3
--- /dev/null
+++ b/src/app/providers.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import { SessionProvider } from "next-auth/react";
+import { Toaster } from "sonner";
+
+export default function Providers({ children }: { children: React.ReactNode }) {
+ return (
+
+ {children}
+
+
+ );
+}
\ No newline at end of file