Dashboard Layout Component

DashboardLayout.tsx

.
.
import LoadingSpinner from "./LoadingSpinner";
import useAuth from "../hooks/useAuth";
.
.
const DashboardLayout = () => {
  const navigate = useNavigate();
  const [open, setOpen] = React.useState(true);
  const { isAuthenticating, isAuthenticated, signOut } = useAuth();
  .
  .
  const handleLogout = async () => {
    try {
      // sign out user
      await signOut();
      await navigate("/signin", { replace: true });
    } catch (err) {
      console.error("Auth Error: ", err);
    }
  };

  useEffect(() => {
    if (isAuthenticating || !isAuthenticated) {
      navigate("/signin", { replace: true });
    }
  }, [isAuthenticating, isAuthenticated]);

  if (isAuthenticating || !isAuthenticated) {
    return <LoadingSpinner />;
  }
  
  return (
  .
  .
  );
};

export default DashboardLayout;