Замена адреса в NextJS

Метод replace у объекта из хука useRouter меняет текущий адрес, но не оставляет старый шаг в истории. После такой замены кнопка «назад» не вернет на предыдущий URL в рамках этого перехода.

Давайте оформим кнопку, которая заменит адрес на /login. В клиентском page.jsx получим роутер и в обработчике клика вызовем метод replace:

'use client';

import { useRouter } from 'next/navigation';

export default function TestPage() {
	let router = useRouter();
	
	return (
		<button type="button" onClick={() => router.replace('/login')}>
			Login
		</button>
	);
}

На странице /welcome добавьте кнопку замены адреса на /dashboard и проверьте, что «назад» не возвращает на /welcome.