From 8034424d158e38c6114119728386da5d1b819798 Mon Sep 17 00:00:00 2001
From: yoosangwook <swyoo@interplug.co.kr>
Date: Wed, 14 May 2025 16:01:16 +0900
Subject: [PATCH] fix: enhance Header component to manage user session storage
 and clear session data on logout

---
 src/components/ui/common/Header.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/ui/common/Header.tsx b/src/components/ui/common/Header.tsx
index eb365b8..b3e1b86 100644
--- a/src/components/ui/common/Header.tsx
+++ b/src/components/ui/common/Header.tsx
@@ -4,6 +4,7 @@ import Link from 'next/link'
 import { usePathname, useRouter } from 'next/navigation'
 
 import { Swiper, SwiperSlide } from 'swiper/react'
+import { useSessionStorage } from 'usehooks-ts'
 import { useQueryClient } from '@tanstack/react-query'
 
 import { useSideNavState } from '@/store/sideNavState'
@@ -19,6 +20,7 @@ import { usePopupController } from '@/store/popupController'
 export default function Header() {
   const router = useRouter()
   const pathname = usePathname()
+  const [value, setValue, removeValue] = useSessionStorage('userInfo', {})
   const { sideNavIsOpen, setSideNavIsOpen } = useSideNavState()
   const { backBtn } = useHeaderStore()
   const { getTitle } = useTitle()
@@ -34,6 +36,7 @@ export default function Header() {
 
   const handleLogout = async () => {
     reset()
+    removeValue()
     const { data } = await axiosInstance(null).get('/api/auth/logout')
     if (data.code === 200) {
       queryClient.clear()