admin/src/auth/ProtectedRoute.tsx

import { Box, CircularProgress } from "@mui/material";
import { Navigate, Outlet } from "react-router-dom";
import { useAuth } from "./AuthContext";

export default function ProtectedRoute() {
  const { user, loading } = useAuth();

  if (loading) {
    return (
      <Box

        sx={{

          height: "100vh",

          display: "grid",

          placeItems: "center",

        }}

      >

        <CircularProgress />

      </Box>
    );
  }

  if (!user) return <Navigate to="/login" replace />;
  return <Outlet />;
}