Closed1
useRouterにはAppRouter用とPagesRouter用のものがある
うぱuseRouter使用時に発生したエラー
App RouterでuseRouterを使用した際に、次のエラーが発生してページが表示できなくなりました。
`NextRouter` was not mounted.
原因
useRouterにはnext/routerに含まれるものとnext/navigationに含まれるものとがあり、next/router由来のuseRouterを使用してしまったために件のエラーが発生してしまっていました。
next/router由来のuseRouterは、appディレクトリ内で使用される場合にnext/navigation由来のものと挙動が異なるようです。
解決
import元をnext/navigationとすることで無事解決しました。
appディレクトリではnext/navigationのuseRouterを使う！
このスクラップは2023/11/24にクローズされました