fix: 로그인/로그아웃 즉시 AuthProvider의 accessToken 상태가 업데이트 되도록 수정

Author: Chiman2937

src/hooks/use-auth/use-auth-login/index.ts

@@ -8,6 +8,7 @@ import axios, { AxiosError } from 'axios';
 import Cookies from 'js-cookie';
 
 import { API } from '@/api';
+import { useAuth } from '@/providers';
 import { LoginRequest } from '@/types/service/auth';
 import { CommonErrorResponse } from '@/types/service/common';
 
@@ -53,6 +54,8 @@ export const useLogin = () => {
   const [loginError, setLoginError] = useState<string | null>(null);
   const clearLoginError = useCallback(() => setLoginError(null), []);
 
+  const { accessToken } = useAuth();
+
   const handleLogin = async (payload: LoginRequest, formApi: { reset: () => void }) => {
     setLoginError(null);
 
@@ -70,6 +73,7 @@ export const useLogin = () => {
       formApi.reset();
       const nextPath = normalizePath(searchParams.get('path'));
       router.replace(nextPath);
+      accessToken.set(result.accessToken);
     } catch (error) {
       if (isCommonErrorResponse(error)) {
         console.error('[LOGIN ERROR]', error.errorCode, error.detail);

src/hooks/use-auth/use-auth-logout/index.ts

@@ -6,14 +6,18 @@ import { useQueryClient } from '@tanstack/react-query';
 
 import { API } from '@/api';
 import { userKeys } from '@/lib/query-key/query-key-user';
+import { useAuth } from '@/providers';
 
 export const useLogout = () => {
   const router = useRouter();
   const queryClient = useQueryClient();
 
+  const { accessToken } = useAuth();
+
   const handleLogout = async () => {
     try {
       await API.authService.logout();
+      accessToken.remove();
     } catch (error) {
       console.error('[LOGOUT ERROR]', error);
     } finally {

src/hooks/use-notification/use-notification-get-unread-count/index.ts

@@ -2,14 +2,21 @@ import { useQuery } from '@tanstack/react-query';
 
 import { API } from '@/api';
 import { notificationKeys } from '@/lib/query-key/query-key-notification';
+import { useAuth } from '@/providers';
 
 export const useGetNotificationUnreadCount = () => {
-  const isAuthenticated = typeof window !== 'undefined' && document.cookie.includes('accessToken');
-
-  return useQuery({
+  const { accessToken } = useAuth();
+  const queryResult = useQuery({
     queryKey: notificationKeys.unReadCount(),
     queryFn: () => API.notificationService.getUnreadCount(),
-    retry: false, // 재시도 안 함
-    enabled: isAuthenticated,
+    retry: false,
+    enabled: !!accessToken.value,
   });
+
+  const finalData = accessToken.value ? queryResult.data : 0;
+
+  return {
+    ...queryResult,
+    data: finalData,
+  };
 };