You can use next/router to remove the query params in the URL. const router = useRouter(); router.replace(‘/about’, undefined, { shallow: true }); Use replace to prevent adding a new URL entry into the history (otherwise just use push), and shallow: true allows you to change the URL without running data fetching methods. This will cause … Read more
router.push has a scroll option, it is true by default. You can turn it off like this: const router = useRouter(); async function navigate(newCurrency) { router.push({ pathname: router.pathname, query: { …router.query, currency: newCurrency.value }, }, undefined, { scroll: false }); } router.push accepts the most of (if not all) next/link‘s props in the options object. … Read more
You can use next/router to remove the query params in the URL. const router = useRouter(); router.replace(‘/about’, undefined, { shallow: true }); Use replace to prevent adding a new URL entry into the history (otherwise just use push), and shallow: true allows you to change the URL without running data fetching methods. This will cause … Read more
Migrating from the pages directory: The new useRouter hook should be imported from next/navigation and not next/router The pathname string has been removed and is replaced by usePathname() The query object has been removed and is replaced by useSearchParams() router.events is not currently supported. Here is the solution: https://beta.nextjs.org/docs/api-reference/use-router