tambahan

src/components/ProtectedRoute.tsx

@@ -1,25 +1,25 @@
-import { useEffect, useState } from 'react'
-import { Navigate, Outlet } from 'react-router-dom'
-import clientRoutes from '@/clientRoutes'
-import apiFetch from '@/lib/apiFetch'
+import { useEffect, useState } from "react";
+import { Navigate, Outlet } from "react-router-dom";
+import clientRoutes from "@/clientRoutes";
+import apiFetch from "@/lib/apiFetch";
 
 export default function ProtectedRoute() {
-  const [isAuthenticated, setIsAuthenticated] = useState<boolean | null>(null)
+  const [isAuthenticated, setIsAuthenticated] = useState<boolean | null>(null);
 
   useEffect(() => {
     async function checkSession() {
       try {
         // backend otomatis baca cookie JWT dari request
-        const res = await apiFetch.api.user.find.get()
-        setIsAuthenticated(res.status === 200)
+        const res = await apiFetch.api.user.find.get();
+        setIsAuthenticated(res.status === 200);
       } catch {
-        setIsAuthenticated(false)
+        setIsAuthenticated(false);
       }
     }
-    checkSession()
-  }, [])
+    checkSession();
+  }, []);
 
-  if (isAuthenticated === null) return null // or loading spinner
-  if (!isAuthenticated) return <Navigate to={clientRoutes['/login']} replace />
-  return <Outlet />
+  if (isAuthenticated === null) return null; // or loading spinner
+  if (!isAuthenticated) return <Navigate to={clientRoutes["/login"]} replace />;
+  return <Outlet />;
 }