[Next.js] NextRouter was not mounted

개요

jest를 활용한 next.js 13 환경에서 testing 코드를 처음 작성 중에 있는데 NextRouter was not mounted. 에러가 발생했다!

해결

next.js 13에서는 기존에 사용하던 import { useRouter } from "next/router"; 대신 import { usePathname, useRouter } from 'next/navigation'; 를 사용하면 에러 해결 !

next.js 13 환경과 jest 5.16.5 버전에서는 routing도 next.js 13 환경에 맞춰야 동작이 제대로 된다는 걸 확인하며 리팩토링 하면서 테스팅 코드를 작성 중에 있다..!