Changing URL without reload / Navigating programatically without reloading page

Using Ionic React, I have a simple sidebar and a search page.

When the user types I am changing the url so it’s eg. “/search/keyword” - I want to change the URL as the user is typing.

This part is working fine, and I have no problems doing the search. The problem is that when navigating, the page refreshes.

I have tried many different ways, eg. using useIonRouter or “navigate” using the following code

const {navigate} = useContext(NavContext);
and then
navigate("/search/" + event.detail.value,"none","replace");

But no matter how I try, the app itself navigates to itself with animation (and lag) following.

Is there any way I can just change the URL without any navigation happening?