useNavigate and reloadDocument option

[philrowan-mtb]

Hello,

I have a button which on clicked needs to navigate to a new route. I also need that route to always reload the page because there are some 3rd part libraries that need these lifecycle events to work correctly. It seems that reloadDocument has no effect with useNavigate so I am having to manually reload the page.

const navigate = useNavigate();
// the code below is actually in an click handler
navigate('my-page', { reloadDocument: true });
window.location.reload();

Is reloadDocument supposed to work with useNavigate the same way it works with a Link?

[wizardlyhel]

Mmm .. you are right. reloadDocument option doesn't do what it advertise to do.

Suggestion: If possible, ask the 3rd party developer to provide you a script library that workers properly with single page app.
It is not a favourable user experience to have the page reload on certain pages, just because some widget won't work properly without a page refresh.

[philrowan-mtb]

Hi @wizardlyhel . Thanks for the quick reply. I will let the dev know. I just wanted to let the hydrogen team know that this API is possibly ambiguous for useNavigate.
As a workaround we are just navigating directly using window.location.href = 'new-url' which "solves" the issue but, as you mentioned is not a great user experience.