[Next.js] useLocation, useNavigate, useRouter in Next

 

react-router-dom의 useLocation, useNavigate, useRouter 의 기능을

Next.js에서는 'next/router'의 useRouter 로 구현할 수 있다.

 

import { useRouter } from "next/router";
 ...
const router = useRouter();

  useEffect(() => {
    if (window.location.href.includes("access_token")) {
      window.localStorage.setItem(
        "token",
        window.location.href.split("=")[1].split("&")[0] ?? "none",
      );
      router.push("/");
    }
  }, []);