Block navigation without showing the browser confirm dialog.

[oc-jgm]

Does anyone know if there is a way to block navigation without showing the browser's default confirm dialog? I would like to show a custom modal within my app instead of the browser's default one.

[salemlf]

I'm also wondering this, according to the current docs it looks like the only customizable part is the message :( hope they add this feature as it's the only thing preventing me from switching over from React Router v6, I use react-router-prompt rn with that.

Update: it looks like React Router just uses the history API behind the scenes for blocking/prompting before leaving a page. Tanstack Router also appears to use this API. So theoretically possible to implement something yourself using history.block and can provide your own dialog. Not an ideal solution, but may try it out and see if it can be used as a workaround, or open a PR if it's feasible for Tanstack. Here's a guide on blocking page transitions using the history API