Tengo un bloque de código como este

 const onRouteChangeStart = React.useCallback(() => { if (formState.isDirty) { if (window.confirm('Confirmation message')) { return true; } NProgress.done(); throw "Abort route change by user's confirmation."; } }, [formState.isDirty]); React.useEffect(() => { Router.events.on('routeChangeStart', onRouteChangeStart); return () => { Router.events.off('routeChangeStart', onRouteChangeStart); }; }, [onRouteChangeStart]);

Funciona como quiero, pero quiero agregar un Modal de confirmación personalizado en lugar de una Confirmación nativa .

Cuando agregué, los cambios de ruta no se detuvieron. Es por eso que no podía esperar la respuesta del usuario.

¿Que puedo hacer? Gracias por sus respuestas.