24 lines
567 B
TypeScript
24 lines
567 B
TypeScript
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();
|
|
|
|
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;
|