nextAuth SessionProvider 优化

src/app/(public)/customer/login/page.tsx

@@ -1,7 +1,7 @@
 import LoginForm from "@components/customer/LoginForm";
 import { generateMetadataForPage } from "@utils/helper";
 import { staticSeo } from "@utils/metadata";
-import { SessionManager } from "@/providers";
+
 
 export const revalidate = 60;
 
@@ -11,8 +11,8 @@ export async function generateMetadata() {
 
 export default async function LoginPage() {
   return (
-    <SessionManager>
+
       <LoginForm />
-    </SessionManager>
+
   );
 }

src/components/layout/navbar/CartAndUserActions.tsx

@@ -2,7 +2,7 @@ import { Suspense } from "react";
 import Cart from "@/components/cart";
 import UserAccount from "@components/customer/credentials";
 import { IconSkeleton } from "@/components/common/skeleton/IconSkeleton";
-import { SessionManager } from "@/providers";
+
 
 export function CartAndUserActions() {
   return (
@@ -13,9 +13,9 @@ export function CartAndUserActions() {
       
       <Suspense fallback={<IconSkeleton />}>
         
-          <SessionManager>
+
             <UserAccount />
-          </SessionManager>
+
        
       </Suspense>
     </div>

src/providers/GlobalProviders.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { ReactNode } from "react";
+import { SessionProvider } from "next-auth/react";
 import { ThemeProvider } from "./ThemeProvider";
 import { ToastProvider } from "./ToastProvider";
 import { ApolloWrapper } from "./ApolloWrapper";
@@ -9,6 +10,7 @@ import { LoginModalProvider } from "./LoginModalProvider";
 
 export function GlobalProviders({ children }: { children: ReactNode }) {
   return (
+    <SessionProvider>
     <ThemeProvider>
         <ToastProvider>
           <ApolloWrapper>
@@ -20,5 +22,6 @@ export function GlobalProviders({ children }: { children: ReactNode }) {
           </ApolloWrapper>
         </ToastProvider>
     </ThemeProvider>
+    </SessionProvider>
   );
 }

src/providers/SessionManager.tsx

@@ -1,12 +0,0 @@
-"use client";
-
-import { SessionProvider } from "next-auth/react";
-import { ReactNode } from "react";
-
-export function SessionManager({ children }: { children: ReactNode }) {
-  return (
-    <SessionProvider>
-      {children}
-    </SessionProvider>
-  );
-}

src/providers/index.ts

@@ -1,11 +1,8 @@
 export { ApolloWrapper } from "./ApolloWrapper";
 export { GlobalContextProvider } from "./GlobalContextProvider";
 export { GlobalProviders } from "./GlobalProviders";
-
 export { ReduxProvider } from "./ReduxProvider";
-export { SessionManager } from "./SessionManager";
 export { ThemeProvider } from "./ThemeProvider";
 export { ToastProvider, useToast } from "./ToastProvider";
-
 export { PayPalWrapper } from "./PaypalWrapper";
 export { ConfigProvider } from "./ConfigProvider";