en nuestro proyecto estamos usando React Router y el paquete de historial para administrar rutas. También estamos usando xstate para nuestra gestión estatal. Me gustaría saber si es posible no solo detectar cambios de ruta con el paquete de historial, sino también bloquear el redireccionamiento a otra página en caso de que haya parámetros no guardados. Este es mi fragmento de código con el que estoy trabajando ahora mismo:
React.useEffect(() => { history.listen((location, action) => { if(location.pathName === '/master') { history.block() send('ROUTE_CHANGE_INITIATED') } }) }, []) Pero esto solo bloquea el cambio de ruta después de que la ruta ya ha cambiado, por ejemplo, dejo la página que no debería dejar y luego se bloquea el cambio de ruta. Lo que estoy tratando de hacer es bloquear el cambio de ruta antes de que la ruta realmente cambie. ¿Es esto posible desde dentro del componente? No me gustaría agregar este código a los componentes <Route /> o incluso más arriba en la jerarquía.