Tengo dos aplicaciones de reacción. La aplicación principal carga la aplicación secundaria mediante un iframe.

Puedo acceder a la URL superior usando window.top.location (ya que ambas aplicaciones tienen el mismo origen).

El problema es ese. cuando cambia la ubicación, necesito actualizar el estado en la aplicación de mi hijo:

 const topLocation = window.top.location; useEffect(() => { // Do something }, [topLocation]);

El problema es que el cambio de URL no activa una nueva representación, por lo que el valor de topLocation nunca cambia.

¿Algunas ideas?