..

src/widgets/sub-layout/index.tsx

@@ -41,6 +41,7 @@ export const SubLayout = () => {
   const [footerMode, setFooterMode] = useState<boolean>(false);
   const [footerCurrentPage, setFooterCurrentPage] = useState<undefined | string | null>(undefined);
   const [favoriteEdit, setFavoriteEdit] = useState<boolean>(false);
+  const [headerNavigationKey, setHeaderNavigationKey] = useState<number>(1);
 
   const { callLogin } = useUserInfo();
   const { 
@@ -92,7 +93,7 @@ export const SubLayout = () => {
         clientAddressIP: token.clientAddressIP,
         requires2FA: token.requires2FA,
       });
-
+      setHeaderNavigationKey(headerNavigationKey + 1);
       setLoginSuccess(true);
     }).catch((error) => {
       // 토큰 요청 실패 시 로그아웃 처리
@@ -150,6 +151,7 @@ export const SubLayout = () => {
     else{
       callLogin(userParmas).then(() => {
         setLoginSuccess(true);
+        setHeaderNavigationKey(headerNavigationKey + 1);
         callHomeGroups();
       });
     }
@@ -178,6 +180,7 @@ export const SubLayout = () => {
           setMenuOn={ setMenuOn } 
           headerType={ headerType }
           favoriteEdit={ favoriteEdit }
+          key={ headerNavigationKey }
         />
         { loginSuccess && 
           <Outlet