🐛 fix: sessionProvider에 불필요한 hook, session 코드 삭제 #53

dnd-side-project · Oct 7, 2024 · 8518502 · 8518502
1 parent 22ae3ef
commit 8518502
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 34 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -5,7 +5,6 @@ import type { Metadata } from "next";
 import Script from "next/script";
 import { ReactNode } from "react";
 
-import { auth } from "@/auth";
 import { env } from "@/env";
 import MobileLayout from "@/layout/Mobile/MobileLayout";
 import {
@@ -27,12 +26,10 @@ export default async function RootLayout({
 }: Readonly<{
   children: ReactNode;
 }>) {
-  const session = await auth();
-
   return (
     <html lang="ko" className={Pretendard.variable}>
       <body className={cn(Pretendard.className)} suppressHydrationWarning>
-        <SessionProvider session={session}>
+        <SessionProvider>
           <MSWProvider>
             <ReactQueryProvider>
               <MobileLayout>

diff --git a/src/hooks/session/useInitializeUserProfile.tsx b/src/hooks/session/useInitializeUserProfile.tsx
diff --git a/src/lib/Providers/SessionProvider.tsx b/src/lib/Providers/SessionProvider.tsx
@@ -1,19 +1,30 @@
 "use client";
 
-import { Session } from "next-auth";
-import { SessionProvider as AuthProvider } from "next-auth/react";
-import { FC } from "react";
+import { getSession, SessionProvider as AuthProvider } from "next-auth/react";
+import { FC, useEffect } from "react";
 
-import useInitializeUserProfile from "@/hooks/session/useInitializeUserProfile";
+import { useUserStore } from "@/store/user";
 
 interface Props {
   children: React.ReactNode;
-  session: Session | null;
 }
 
-const SessionProvider: FC<Props> = ({ children, session }) => {
-  useInitializeUserProfile(session);
-  return <AuthProvider session={session}>{children}</AuthProvider>;
+const SessionProvider: FC<Props> = ({ children }) => {
+  const setUser = useUserStore((state) => state.updateUser);
+
+  const initializeUserProfile = async () => {
+    const session = await getSession();
+    if (session) {
+      const { user } = session;
+      return setUser(user);
+    }
+    setUser(null);
+  };
+
+  useEffect(() => {
+    initializeUserProfile();
+  }, []);
+  return <AuthProvider>{children}</AuthProvider>;
 };
 
 export default SessionProvider;