NextRouter was not mountedのエラー解消

はじめに

NextRouter was not mountedのエラーの解消しました。

エラー

Unhandled Runtime Error

Error: NextRouter was not mounted. https://nextjs.org/docs/messages/next-router-not-mounted

解決方法

インポート先を修正したら直りました。

import { useRouter } from 'next/router'

↓

import { useRouter } from 'next/navigation'

最後に

何度も忘れちゃうのでメモしました。