Next.js
Next.js invalid href passed to Link or router
Invalid href passed to router
Next.js detected a non-internal URL being passed to next/link or router navigation, which is unsupported because the Next.js router is only for internal routes.
Error AtlasError Documentation and ResolutionObserved message
Invalid href passed to router
Why it happens
- A next/link component is pointing to an external URL such as https:// or mailto:.
- Router.push or Router.replace is being used for non-internal navigation.
- A refactor changed a link target without changing the component used to render it.
How to fix it
- Use next/link only for internal Next.js routes.
- Use a normal anchor tag for external URLs and non-router protocols.
- Replace invalid router navigation calls with window.location or standard links where appropriate.
Official reference
Next.js Docs: Invalid href passed to routerRelated errors
Explore more