How can I reload page without flickering?

[leesb971204]

I am trying to convert the following react-router-dom v5 code to tanstack-router v1:

const location = useLocation();
const history = useHistory();
history.replace(location.pathname);

This logic is used in my code to refresh the page without causing any flickering. Specifically, it is intended to update cookies while ensuring a seamless refresh experience without a visible page reload.

Here is my attempt at implementing the same functionality using tanstack-router:

const router = useRouter();
const navigate = useNavigate();

// 1
router.history.push(`${location.pathname}`, new Date(), true);

// 2
router.history.replace(location.pathname, new Date(), true);

// 3
navigate({ to: location.pathname, replace: true });

None of these attempts (1, 2, or 3) seem to trigger the cookie refresh. Even when I fix the argument to location.pathname, the result is the same.

Am I missing something here? Any advice or insights would be greatly appreciated.

[schiller-manuel]

can you please create a minimal complete example of what you have tried by forking one of the existing stackblitz examples?

[leesb971204]

I created a simple project in Stackblitz, but it seems like cookies are not being set in the developer tools. I feel like this doesn’t fully explain my situation. Are there any alternatives?

I just want to know how to write the equivalent of history.replace(location.pathname); from react-router-dom in tanstack-router.

[schiller-manuel]

you can also provide a github repo

[leesb971204]

I create repo
https://github.com/leesb971204/tanstack-router-test

I want the handleClick function in this code to refresh the page without flickering and update the cookie value in the developer tools using router.history.replace. This worked in react-router-dom, but it doesn’t work in this code

For reference, not only router.history.replace(location.pathname); but also the three methods I mentioned in the text do not work as intended.