Implementing route protection

import { Spinner } from "@chakra-ui/react";
import { redirect, usePathname } from "next/navigation";


import { useUser } from "./middleware";


// eslint-disable-next-line @typescript-eslint/no-explicit-any
export const WithPrivateRoute = (Component: React.FunctionComponent<any>) => {
  const NewComponent = () => {
    const { user, isLoading } = useUser();

    // if (isLoading) return <Spinner />;
    if (!user) redirect("/");

    return <Component />;
  };

  return NewComponent;
};