Merge pull request #84 from SSASINSA/refactor/sprint-fix(#68)

#68/새로고침 에러 수정

Author: seungsang2000

src/components/common/ProtectedRoute.tsx

@@ -17,12 +17,12 @@ const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children, allowedRoles
     return <Navigate to="/login" replace />;
   }
 
-  // role 로딩 중일 때는 대기
+  // role 로딩 중일 때는 대기 (권한 체크 전에)
   if (isLoading) {
     return <div>로딩 중...</div>;
   }
 
-  // allowedRoles가 지정된 경우 role 체크
+  // allowedRoles가 지정된 경우 role 체크 (로딩 완료 후에만)
   if (allowedRoles && allowedRoles.length > 0) {
     if (!role || !allowedRoles.includes(role)) {
       // 권한이 없으면 대시보드로 리다이렉트

src/contexts/AuthContext.tsx

@@ -19,11 +19,12 @@ interface RoleResponse {
 
 export const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
   const [role, setRole] = useState<AdminRole>(null);
-  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [isLoading, setIsLoading] = useState<boolean>(true);
 
   const fetchRole = useCallback(async () => {
     if (!authUtils.isAuthenticated()) {
       setRole(null);
+      setIsLoading(false);
       return;
     }
 
@@ -54,13 +55,16 @@ export const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) =>
     setRole(null);
   }, []);
 
+  // 초기 마운트 시 role 로드
   useEffect(() => {
-    if (authUtils.isAuthenticated() && !role) {
+    if (authUtils.isAuthenticated()) {
       fetchRole();
-    } else if (!authUtils.isAuthenticated()) {
+    } else {
       setRole(null);
+      setIsLoading(false);
     }
-  }, [role, fetchRole]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   useEffect(() => {
     const handleTokenExpired = () => {