Fix: use client Providers wrapper instead of SessionProvider directly in root layout

2026-02-18 00:07:33 +00:00
parent b2e7c70d17
commit 934ac1cadf
1 changed files with 4 additions and 3 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -2,7 +2,7 @@ import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { Toaster } from "@/components/ui/sonner";
-import { SessionProvider } from "next-auth/react";
+import { Providers } from "@/app/components/Providers";

 const geistSans = Geist({
  variable: "--font-geist-sans",
@@ -29,11 +29,12 @@ export default function RootLayout({
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
-        <SessionProvider>
+        <Providers>
          {children}
          <Toaster />
-        </SessionProvider>
+        </Providers>
      </body>
    </html>
  );
 }
+