upd

src/pages/ProtectedPage.tsx

@@ -1,10 +1,23 @@
 import { Navigate, Outlet } from "react-router";
 import useAuthStore from "../stores/useAuthStore";
+import api from "../utils/api";
+import { useQuery } from "@tanstack/react-query";
+import { IUser } from "../types/IUser";
 
 function ProtectedPage() {
   const { token } = useAuthStore();
 
-  return token ? <Outlet /> : <Navigate to="/login" />;
+  const { data: user, isLoading } = useQuery({
+    queryKey: ["me"],
+    queryFn: () => api.get("auth/me").json<IUser>(),
+    enabled: !!token,
+  });
+
+  if (isLoading) {
+    return null;
+  }
+
+  return user ? <Outlet /> : <Navigate to="/login" />;
 }
 
 export default ProtectedPage;