[TIL] import { useRouter } from “next/router”와 “next/navigation” 차이

💡 TIL 20230824 - import { useRouter } from “next/router”와 “next/navigation” 차이

---

next.js 13에서의 useRouter 훅

useRouter는 next/router에서만 불러와야 하는 줄 알았는데, 자꾸 import하려면 next/router와 next/navigation 두 가지가 떠서 궁금하기도 했고 오늘 위와 같은 에러를 마주해서 찾아보았다!

 

둘의 차이는 무엇?

useRouter from next/route

• Page router으로 라우팅 시 사용

useRouter from next/navigation

• v13 이후 App router으로 라우팅 시 사용

 

 

Next.js 13 App router

이번에 진행 중인 프로젝트는 App router로 진행 중이라서 next/route가 자꾸 에러가 났던 것..!

---

참고 사이트

stackoverflow - What's the difference between next/router and next/navigation?