Push params to url without page scrolling to top

I have a route that looks like this:

<Route path="/:page_type?/:page_url?" component={Page} />

<Route path="/:page_type?/:page_url?" component={Page} />

When page_type and page_url is available, a popup appears. But when the url changes, the page scrolls to the top. How do I avoid that?

I've tried:

<A href="/album/the_album_url">View album</A>

<A href="/album/the_album_url">View album</A>

<div onClick={() => navigate("/album/the_album_url")}>View album</div>

<div onClick={() => navigate("/album/the_album_url")}>View album</div>