Next.js

Next.js useRouter was used without a mounted Next router

NextRouter was not mounted

Next.js reported that useRouter was called outside the expected router context, which commonly happens in unit tests or when next/router is used inside the app directory.

NextRouter was not mountedruntime

Observed message

NextRouter was not mounted

Why it happens

A component using useRouter was rendered in a test without a Next.js router context.
The app directory is importing useRouter from next/router instead of next/navigation.
A component is rendered outside a Next.js application shell.

How to fix it

Mock next/router in tests or use a router mock library.
In the app directory, migrate to the router hooks from next/navigation.
If migrating pages code, consider next/compat/router where appropriate.

Official reference

Next.js Docs: NextRouter was not mounted

Related errors

Explore more