Estoy trabajando en una aplicación de reacción, quiero bloquear los botones del navegador (atrás, adelante, actualizar) así como la tecla f5 (que no es posible, supongo, debido al mal uso) o al menos redirigir al usuario a la principal ruta una vez que ocurra una de esas acciones.

Pude manejar las teclas de avance y retroceso agregando un detector de eventos en "popstate", pero no pude manejar la actualización y la actualización F5

Intenté esto pero no funcionó:

 window.addEventListener('onbeforeunload', (e) => { e.preventDefault(); e.stopPropagation(); window.location.href = '/';}, { capture: true, });

¿alguna sugerencia?