🐛 멘토 페이지 진입 시 authStore 반영 누락 수정

apps/web/package.json

@@ -51,8 +51,8 @@
     "@next/bundle-analyzer": "^16.1.6",
     "@svgr/webpack": "^8.1.0",
     "@types/node": "^20.11.19",
-    "@types/react": "18.3.27",
-    "@types/react-dom": "18.3.7",
+    "@types/react": "19.2.10",
+    "@types/react-dom": "19.2.3",
     "autoprefixer": "^10.4.20",
     "critters": "^0.0.23",
     "postcss": "^8.4.45",

apps/web/src/apis/Auth/postAppleAuth.ts

@@ -11,36 +11,36 @@ import { type AppleAuthRequest, type AppleAuthResponse, authApi } from "./api";
  * @description 애플 로그인을 위한 useMutation 커스텀 훅
  */
 const usePostAppleAuth = () => {
-	const router = useRouter();
-	const searchParams = useSearchParams();
+  const router = useRouter();
+  const searchParams = useSearchParams();
 
-	return useMutation<AppleAuthResponse, AxiosError, AppleAuthRequest>({
-		mutationFn: (data) => authApi.postAppleAuth(data),
-		onSuccess: (data) => {
-			if (data.isRegistered) {
-				// 기존 회원일 시 - Zustand persist가 자동으로 localStorage에 저장
-				// refreshToken은 서버에서 HTTP-only 쿠키로 자동 설정됨
-				useAuthStore.getState().setAccessToken(data.accessToken);
+  return useMutation<AppleAuthResponse, AxiosError, AppleAuthRequest>({
+    mutationFn: (data) => authApi.postAppleAuth(data),
+    onSuccess: (data) => {
+      if (data.isRegistered) {
+        // 기존 회원일 시 - Zustand persist가 자동으로 localStorage에 저장
+        // refreshToken은 서버에서 HTTP-only 쿠키로 자동 설정됨
+        useAuthStore.getState().setAccessToken(data.accessToken);
 
-				// 안전한 리다이렉트 처리 - 오픈 리다이렉트 방지
-				const redirectParam = searchParams.get("redirect");
-				const safeRedirect = validateSafeRedirect(redirectParam);
+        // 안전한 리다이렉트 처리 - 오픈 리다이렉트 방지
+        const redirectParam = searchParams.get("redirect");
+        const safeRedirect = validateSafeRedirect(redirectParam);
 
-				toast.success("로그인에 성공했습니다.");
+        toast.success("로그인에 성공했습니다.");
 
-				setTimeout(() => {
-					router.push(safeRedirect);
-				}, 100);
-			} else {
-				// 새로운 회원일 시 - 회원가입 페이지로 이동
-				router.push(`/sign-up?token=${data.signUpToken}`);
-			}
-		},
-		onError: () => {
-			toast.error("애플 로그인 중 오류가 발생했습니다. 다시 시도해주세요.");
-			router.push("/login");
-		},
-	});
+        setTimeout(() => {
+          router.push(safeRedirect);
+        }, 100);
+      } else {
+        // 새로운 회원일 시 - 회원가입 페이지로 이동
+        router.push(`/sign-up?token=${data.signUpToken}`);
+      }
+    },
+    onError: () => {
+      toast.error("애플 로그인 중 오류가 발생했습니다. 다시 시도해주세요.");
+      router.push("/login");
+    },
+  });
 };
 
 export default usePostAppleAuth;

apps/web/src/apis/Auth/postKakaoAuth.ts

@@ -11,37 +11,37 @@ import { authApi, type KakaoAuthRequest, type KakaoAuthResponse } from "./api";
  * @description 카카오 로그인을 위한 useMutation 커스텀 훅
  */
 const usePostKakaoAuth = () => {
-	const { setAccessToken } = useAuthStore();
-	const router = useRouter();
-	const searchParams = useSearchParams();
+  const { setAccessToken } = useAuthStore();
+  const router = useRouter();
+  const searchParams = useSearchParams();
 
-	return useMutation<KakaoAuthResponse, AxiosError, KakaoAuthRequest>({
-		mutationFn: (data) => authApi.postKakaoAuth(data),
-		onSuccess: (data) => {
-			if (data.isRegistered) {
-				// 기존 회원일 시 - Zustand persist가 자동으로 localStorage에 저장
-				// refreshToken은 서버에서 HTTP-only 쿠키로 자동 설정됨
-				setAccessToken(data.accessToken);
+  return useMutation<KakaoAuthResponse, AxiosError, KakaoAuthRequest>({
+    mutationFn: (data) => authApi.postKakaoAuth(data),
+    onSuccess: (data) => {
+      if (data.isRegistered) {
+        // 기존 회원일 시 - Zustand persist가 자동으로 localStorage에 저장
+        // refreshToken은 서버에서 HTTP-only 쿠키로 자동 설정됨
+        setAccessToken(data.accessToken);
 
-				// 안전한 리다이렉트 처리 - 오픈 리다이렉트 방지
-				const redirectParam = searchParams.get("redirect");
-				const safeRedirect = validateSafeRedirect(redirectParam);
+        // 안전한 리다이렉트 처리 - 오픈 리다이렉트 방지
+        const redirectParam = searchParams.get("redirect");
+        const safeRedirect = validateSafeRedirect(redirectParam);
 
-				toast.success("로그인에 성공했습니다.");
+        toast.success("로그인에 성공했습니다.");
 
-				setTimeout(() => {
-					router.push(safeRedirect);
-				}, 100);
-			} else {
-				// 새로운 회원일 시 - 회원가입 페이지로 이동
-				router.push(`/sign-up?token=${data.signUpToken}`);
-			}
-		},
-		onError: () => {
-			toast.error("카카오 로그인 중 오류가 발생했습니다. 다시 시도해주세요.");
-			router.push("/login");
-		},
-	});
+        setTimeout(() => {
+          router.push(safeRedirect);
+        }, 100);
+      } else {
+        // 새로운 회원일 시 - 회원가입 페이지로 이동
+        router.push(`/sign-up?token=${data.signUpToken}`);
+      }
+    },
+    onError: () => {
+      toast.error("카카오 로그인 중 오류가 발생했습니다. 다시 시도해주세요.");
+      router.push("/login");
+    },
+  });
 };
 
 export default usePostKakaoAuth;

apps/web/src/apis/universities/server/getRecommendedUniversity.ts

@@ -4,15 +4,15 @@ import serverFetch from "@/utils/serverFetchUtil";
 type GetRecommendedUniversityResponse = { recommendedUniversities: ListUniversity[] };
 
 const getRecommendedUniversity = async () => {
-	const endpoint = "/univ-apply-infos/recommend";
+  const endpoint = "/univ-apply-infos/recommend";
 
-	const res = await serverFetch<GetRecommendedUniversityResponse>(endpoint);
+  const res = await serverFetch<GetRecommendedUniversityResponse>(endpoint);
 
-	if (!res.ok) {
-		console.error(`Failed to fetch recommended universities:`, res.error);
-	}
+  if (!res.ok) {
+    console.error(`Failed to fetch recommended universities:`, res.error);
+  }
 
-	return res;
+  return res;
 };
 
 export default getRecommendedUniversity;

apps/web/src/apis/universities/server/getSearchUniversitiesByFilter.ts

@@ -3,60 +3,58 @@ import type { CountryCode, LanguageTestType, ListUniversity } from "@/types/univ
 import serverFetch from "@/utils/serverFetchUtil";
 
 interface UniversitySearchResponse {
-	univApplyInfoPreviews: ListUniversity[];
+  univApplyInfoPreviews: ListUniversity[];
 }
 
 /**
  * 필터 검색에 사용될 파라미터 타입
  */
 export interface UniversitySearchFilterParams {
-	languageTestType?: LanguageTestType;
-	testScore?: number;
-	countryCode?: CountryCode[];
+  languageTestType?: LanguageTestType;
+  testScore?: number;
+  countryCode?: CountryCode[];
 }
 
 export const getSearchUniversitiesByFilter = async (
-	filters: UniversitySearchFilterParams,
+  filters: UniversitySearchFilterParams,
 ): Promise<ListUniversity[]> => {
-	const params = new URLSearchParams();
-
-	if (filters.languageTestType) {
-		params.append("languageTestType", filters.languageTestType);
-	}
-	if (filters.testScore !== undefined) {
-		params.append("testScore", String(filters.testScore));
-	}
-	// countryCode는 여러 개일 수 있으므로 각각 append 해줍니다.
-	if (filters.countryCode) {
-		filters.countryCode.forEach((code) => params.append("countryCode", code));
-	}
-
-	// 필터 값이 하나도 없으면 빈 배열을 반환합니다.
-	if (params.size === 0) {
-		return [];
-	}
-
-	const endpoint = `/univ-apply-infos/search/filter?${params.toString()}`;
-	const response = await serverFetch<UniversitySearchResponse>(endpoint);
-
-	if (!response.ok) {
-		console.error(`Failed to search universities by filter:`, response.error);
-		return [];
-	}
-
-	return response.data.univApplyInfoPreviews;
+  const params = new URLSearchParams();
+
+  if (filters.languageTestType) {
+    params.append("languageTestType", filters.languageTestType);
+  }
+  if (filters.testScore !== undefined) {
+    params.append("testScore", String(filters.testScore));
+  }
+  // countryCode는 여러 개일 수 있으므로 각각 append 해줍니다.
+  if (filters.countryCode) {
+    filters.countryCode.forEach((code) => params.append("countryCode", code));
+  }
+
+  // 필터 값이 하나도 없으면 빈 배열을 반환합니다.
+  if (params.size === 0) {
+    return [];
+  }
+
+  const endpoint = `/univ-apply-infos/search/filter?${params.toString()}`;
+  const response = await serverFetch<UniversitySearchResponse>(endpoint);
+
+  if (!response.ok) {
+    console.error(`Failed to search universities by filter:`, response.error);
+    return [];
+  }
+
+  return response.data.univApplyInfoPreviews;
 };
 
-export const getSearchUniversitiesAllRegions = async (): Promise<
-	ListUniversity[]
-> => {
-	const endpoint = `/univ-apply-infos/search/filter`;
-	const response = await serverFetch<UniversitySearchResponse>(endpoint);
+export const getSearchUniversitiesAllRegions = async (): Promise<ListUniversity[]> => {
+  const endpoint = `/univ-apply-infos/search/filter`;
+  const response = await serverFetch<UniversitySearchResponse>(endpoint);
 
-	if (!response.ok) {
-		console.error(`Failed to fetch all regions universities:`, response.error);
-		return [];
-	}
+  if (!response.ok) {
+    console.error(`Failed to fetch all regions universities:`, response.error);
+    return [];
+  }
 
-	return response.data.univApplyInfoPreviews;
+  return response.data.univApplyInfoPreviews;
 };

apps/web/src/apis/universities/server/getSearchUniversitiesByText.ts

@@ -3,54 +3,48 @@ import serverFetch from "@/utils/serverFetchUtil";
 
 // --- 타입 정의 ---
 interface UniversitySearchResponse {
-	univApplyInfoPreviews: ListUniversity[];
+  univApplyInfoPreviews: ListUniversity[];
 }
 
-export const getUniversitiesByText = async (
-	value: string,
-): Promise<ListUniversity[]> => {
-	if (value === null || value === undefined) {
-		return [];
-	}
-	const endpoint = `/univ-apply-infos/search/text?value=${encodeURIComponent(value)}`;
-	const response = await serverFetch<UniversitySearchResponse>(endpoint);
-
-	if (!response.ok) {
-		console.error(
-			`Failed to search universities by text (value: "${value}"):`,
-			response.error,
-		);
-		return [];
-	}
-
-	return response.data.univApplyInfoPreviews;
+export const getUniversitiesByText = async (value: string): Promise<ListUniversity[]> => {
+  if (value === null || value === undefined) {
+    return [];
+  }
+  const endpoint = `/univ-apply-infos/search/text?value=${encodeURIComponent(value)}`;
+  const response = await serverFetch<UniversitySearchResponse>(endpoint);
+
+  if (!response.ok) {
+    console.error(`Failed to search universities by text (value: "${value}"):`, response.error);
+    return [];
+  }
+
+  return response.data.univApplyInfoPreviews;
 };
 
 export const getAllUniversities = async (): Promise<ListUniversity[]> => {
-	return getUniversitiesByText("");
+  return getUniversitiesByText("");
 };
 
-export const getCategorizedUniversities =
-	async (): Promise<AllRegionsUniversityList> => {
-		// 1. 단 한 번의 API 호출로 모든 대학 데이터를 가져옵니다.
-		const allUniversities = await getAllUniversities();
-
-		const categorizedList: AllRegionsUniversityList = {
-			[RegionEnumExtend.ALL]: allUniversities,
-			[RegionEnumExtend.AMERICAS]: [],
-			[RegionEnumExtend.EUROPE]: [],
-			[RegionEnumExtend.ASIA]: [],
-			[RegionEnumExtend.CHINA]: [],
-		};
-		if (!allUniversities) return categorizedList;
-
-		for (const university of allUniversities) {
-			const region = university.region as RegionEnumExtend; // API 응답의 region 타입을 enum으로 간주
-
-			if (region && Object.hasOwn(categorizedList, region)) {
-				categorizedList[region].push(university);
-			}
-		}
-
-		return categorizedList;
-	};
+export const getCategorizedUniversities = async (): Promise<AllRegionsUniversityList> => {
+  // 1. 단 한 번의 API 호출로 모든 대학 데이터를 가져옵니다.
+  const allUniversities = await getAllUniversities();
+
+  const categorizedList: AllRegionsUniversityList = {
+    [RegionEnumExtend.ALL]: allUniversities,
+    [RegionEnumExtend.AMERICAS]: [],
+    [RegionEnumExtend.EUROPE]: [],
+    [RegionEnumExtend.ASIA]: [],
+    [RegionEnumExtend.CHINA]: [],
+  };
+  if (!allUniversities) return categorizedList;
+
+  for (const university of allUniversities) {
+    const region = university.region as RegionEnumExtend; // API 응답의 region 타입을 enum으로 간주
+
+    if (region && Object.hasOwn(categorizedList, region)) {
+      categorizedList[region].push(university);
+    }
+  }
+
+  return categorizedList;
+};

apps/web/src/app/(home)/_ui/NewsSection/_hooks/useSectionHadnler.ts

@@ -1,7 +1,7 @@
 import { type RefObject, useEffect, useRef, useState } from "react";
 
 interface UseSectionHandlerReturn {
-  sectionRef: RefObject<HTMLDivElement>;
+  sectionRef: RefObject<HTMLDivElement | null>;
   visible: boolean;
 }
 

apps/web/src/app/mentor/_ui/MentorClient/_ui/MentorFindSection/_hooks/useSelectedTab.ts

@@ -3,7 +3,7 @@ import { type RefObject, useRef, useState } from "react";
 import { FilterTab } from "@/types/mentor";
 
 interface UseSelectedTabReturn {
-  listRef: RefObject<HTMLDivElement>;
+  listRef: RefObject<HTMLDivElement | null>;
   selectedTab: FilterTab;
   handleSelectTab: (tab: FilterTab) => void;
 }

apps/web/src/app/mentor/chat/[chatId]/_ui/ChatNavBar/index.tsx

@@ -20,7 +20,8 @@ interface ChatNavBarProps {
 const ChatNavBar = ({ chatId }: ChatNavBarProps) => {
   const [isExpanded, setIsExpanded] = useState<boolean>(false);
   const [isAnimating, setIsAnimating] = useState<boolean>(false);
-  const result = tokenParse(useAuthStore.getState().accessToken);
+  const accessToken = useAuthStore((state) => state.accessToken);
+  const result = tokenParse(accessToken);
   const isMentor = result?.role === UserRole.MENTOR || result?.role === UserRole.ADMIN;
 
   // 파트너 정보 가져오기

apps/web/src/app/my/modify/_ui/ModifyContent/_ui/ImageInputFiled/_hooks/useImageInputHandler.ts

@@ -6,7 +6,7 @@ import { convertUploadedImageUrl } from "@/utils/fileUtils";
 interface ImageInputHandlerReturn {
   selectedImage: File | undefined;
   imagePreviewUrl: string | null;
-  fileInputRef: RefObject<HTMLInputElement>;
+  fileInputRef: RefObject<HTMLInputElement | null>;
   handleImageSelect: () => void;
   handleFileChange: (event: ChangeEvent<HTMLInputElement>) => void;
 }