Prevent navigation (usePrompt & useBlocker)

[oblique turtle]

Is there a way to programmatically prevent the navigation from happening?

I would like to give the user a confirmation message when they try to navigate to another page while there is still an unfinished form to be submitted.

It seems that there has been a way to do this with browser-native prompt dialog via usePrompt, but it has been commented out: https://github.com/TanStack/router/blob/ce80f78665c47ccde4823352f7b71c9b63da112a/packages/react-router/src/index.tsx#L728

Even if usePrompt was working, I would prefer showing the user a custom modal dialog instead of using the browser-native dialog. In react-router there is a way to do this with useBlocker hook. Anything similar planned for TanStack router?

[opaque plaza]

Yep

It’s cooking

[oblique turtle]

I see there is now useBlocker in the latest version of TanStack router. However, it seems that is uses window.confirm to prevent the navigation. Is there any way to use a custom modal dialog box for this? What about passing a custom confirm-function?