link-stack/apps/metamigo-frontend/app/_components/Auth.tsx
2023-06-28 12:55:24 +00:00

22 lines
573 B
TypeScript

"use client";
import { FC, PropsWithChildren, useEffect } from "react";
import { CircularProgress } from "@mui/material";
import { useSession } from "next-auth/react";
import { useRouter } from "next/navigation";
export const Auth: FC<PropsWithChildren> = ({ children }) => {
const router = useRouter();
const { data: session, status: loading } = useSession();
useEffect(() => {
if (!session && !loading) {
router.push("/login");
}
}, [session, loading, router]);
if (loading) {
return <CircularProgress />;
}
return <>{children}</>;
};