Silently replacing a URL

When calling Router.replace(), I’d like to update the URL without reloading the page (or call getInitialProps again).

When rendering on the server, we’re sometime fetching defaults parameters. Once the page reach the browser, we’d like to update the query to match the default parameters that were selected in order to ensure reloading/sharing the page will use the same parameters.

Allowing silent url change would allow us to skip server-side redirect to the final URL improving load time.

[vladka]

But shallow routing still calls render method on the page. And the second problem, that shallow routing is restricted only to the same page. My problem is, I need to do only something like “history.pushState({}, “page 2”, “mypath”);” - i want to stay on the same page (without rerendering, because it is to expensive), and solution with “history.push” is not so clean. Any other ideas?

[devmetal]

@SBoudrias Hi, i found a workaround. I don’t know what cause my original problem, but i find a solution that may help us to further investigations. Maybe i was wrong a whole time and this is the actually behavior that we expect.

So, the child component, call now for example <Foo> isn’t a root level component, so the <Foo> not in the pages. It just wrapped a HOC, withRouter. Also in the <Home> component is wrapped the withData HOC from apollo example. The <Home> has a url property by default from the server, and when somewhere in the hierarchy, i call the Router.push(…, …, { shallow: true }), actually nothing else, but the Home component updating. This led me to workaround, i have to propagate the query parameter from <Home> to <Foo> and now the thing is working as i expect, but the solution is not 100% for me.

So, this is the expected behavior or its some strange issue with next?