comparing Router props to Link props is pretty confusing

[stefanprobst]

When writing a generic NavLink component, i have found that matching a Links href and as props with the current route (e.g. to set aria-current) is a bit confusing with next.js. Are these the equivalents between Router props and Link props?

const router = useRouter()	LinkProps (already ensured to be UrlObjects, not strings)
router.pathname	href.pathname
new URL(router.asPath, 'http://dummy.net').pathname	(as ?? href).pathname
router.query	href.query
new URL(router.asPath, 'http://dummy.net').hash	href.hash