import { UserContext } from "./../context/UserContext"; import { useRouter } from "next/router"; import { useEffect, useContext } from "react"; const PRIVATE_PAGES = ["/settings"]; const useRedirect = () => { const { pathname, push } = useRouter(); const { user } = useContext(UserContext); useEffect(() => { if (!user && PRIVATE_PAGES.includes(pathname)) { push("/"); } }, [pathname, user, push]); }; export default useRedirect;