"use client";
import { useRouter } from "next/navigation";
import { useEffect } from "react";

import UserStore from "@/zustand-store/user-store";

function AuthGuard({ children }: { children: React.ReactNode }) {
  const router = useRouter();
  const { token, isLoggedIn } = UserStore();

  const isAuthenticated = isLoggedIn;

  useEffect(() => {
    if (!isAuthenticated) {
      router.push("/login");
      console.log("Not Authenticated");
    }
  }, [isAuthenticated, router, token]);

  return isAuthenticated ? <> {children} </> : null;
}

export default AuthGuard;

<AuthGuard>
{children }
</AuthGuard>