From 12fb5dad3579933aa39e39beb7019c2a13d45837 Mon Sep 17 00:00:00 2001
From: Jeongmin Lee <clcl6084@gmail.com>
Date: Mon, 14 Oct 2024 00:07:48 +0900
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=EB=A1=9C=EA=B7=B8=EC=95=84?=
 =?UTF-8?q?=EC=9B=83=EC=8B=9C=20=EC=8A=A4=ED=86=A0=EC=96=B4=EB=8F=84=20?=
 =?UTF-8?q?=EC=A0=95=EB=A6=AC=20#70?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/(route)/mypage/_components/MypageHeader.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/(route)/mypage/_components/MypageHeader.tsx b/src/app/(route)/mypage/_components/MypageHeader.tsx
index 6f30032..e07aa8a 100644
--- a/src/app/(route)/mypage/_components/MypageHeader.tsx
+++ b/src/app/(route)/mypage/_components/MypageHeader.tsx
@@ -4,8 +4,16 @@ import Link from "next/link";
 import { signOut } from "next-auth/react";
 
 import { LogoutIcon, SettingIcon } from "@/components/icons";
+import { useUserStore } from "@/store/user";
 
 const MypageHeader = () => {
+  const setUser = useUserStore((state) => state.updateUser);
+
+  const handleSignOut = () => {
+    setUser(null);
+    signOut();
+  };
+
   return (
     <header className="flex h-[44px] w-full items-center justify-end gap-[16px] px-[10px]">
       <Link href="/mypage/settings" prefetch>
@@ -15,7 +23,7 @@ const MypageHeader = () => {
           className="text-gray-scale-900"
         />
       </Link>
-      <button type="button" onClick={() => signOut()}>
+      <button type="button" onClick={handleSignOut}>
         <LogoutIcon
           width="28px"
           height="28px"