NextJS TypeError: Cannot read property 'pathname' of undefined

Question

I am migrating an entire app from React to Next.js v12. I solved the majority of the problems but I'm having some trouble with routing.

I replaced useHistory with useRouter as we are not using react-router package anymore and I'm getting this final error on the page

The location should return the current URL of the page

score 1 · Accepted Answer · answered Apr 14 '22 at 08:27

Use the useRouter hook to access the router object. router has a pathname property.

pathname: String - Current route. That is the path of the page in /pages, the configured basePath or locale is not included.

import { useRouter } from 'next/router';

...

const router = useRouter();
// router.pathname

1 Answers1