Error: NextRouter was not mounted 오류

[miniposi]

🚨 에러

페이지 간 이동을 위해
import { useRouter } from 'next/router'; 를 등록하였을 때 발생하는 에러

[miniposi]

원인

'use client' 를 사용하면 해당 에러가 발생한다고 한다!..

해결 방안

next/router 대신 next/navigation을 사용하자!
import { useRouter } from 'next/navigation';
해결 👊💢

[hanseulhee]

next/router 에서 사용하던 걸 app router 에서는 next/navigation으로 해야되니 안되는 것도 있고 이건 좀 불편하네요 ...