Ionic – Routerlink no activa eventos del ciclo de vida

Estoy teniendo dificultades con los eventos del ciclo de vida de Ionic utilizados con RouterLink.

Tengo los datos de mi aplicación en un archivo JSON que muestra cada elemento utilizando los parámetros de URL cuando se carga la página. Necesito botones para ir al elemento siguiente o anterior y actualizar el contenido de la página, es decir:
– Estoy en el elemento 1 (/lecture/item1) => hacer clic en siguiente => routerLink(/lecture/item2)
– Estoy en el elemento 1 (/lecture/item1) => hacer clic en anterior => routerLink(/lecture/item0)
Eso significa que cada vez que me muevo a una página necesito obtener los parámetros de la URL (/lecture/:param) y actualizar los datos de la página.
El problema al que me enfrento es que RouterLink no está disparando ningún evento del ciclo de vida de la página que se va, por lo que mis estados no cambian, además, no puedo limpiar los estados (puedo hacerlo a través de un parámetro href, pero se actualiza toda la aplicación).
Encontré hilos similares sobre esto, pero algunos de ellos están desactualizados / todavía abiertos:
bug de Routerlink en github.

¿Hay alguna forma / solución alternativa para volver a cargar el componente y actualizar los estados pasando diferentes parámetros?

Ya intenté usar el hook useHistory, history.replace (Fuente), y routerDirection=”back” pero ninguno de ellos dispara los ganchos de página de ion que se van. También intenté reemplazar IonRouterOutlet con Switch, pero esto significa no tener algunas características importantes de Ionic.

¡Gracias de antemano!

Aquí hay un extracto de código como referencia:

lectures.json (Array de objetos)

{
    "list": [{}]
}

App.tsx

<ionapp>
      <ionreactrouter>
        <ionsplitpane contentid="main">
          <menu></menu>
      <ionrouteroutlet id="main">
        <route path="/" exact="">
          <redirect to="/lectures"></redirect>
        </route>
        <route path="/lectures" exact="" component="{Home}"></route>
        <route path="/lectures/:name" exact="">
          <lecture></lecture>
        </route>
      </ionrouteroutlet>
    </ionsplitpane>
  </ionreactrouter>
</ionapp>

Lecture.tsx

“`
const Page: React.FC = () => {
const [lecturaIndex, setLecturaIndex] = useState<number>(0);
const [btnLinks, setBtnLinks] = useState<{next?: string , prev?: string }>({});

useIonViewDidEnter(()=>{
// Obtiene los parámetros de la página y los utiliza para buscar el elemento actual en datos json
let current;
current = lectures.list.find(lecture => lecture.title === match.params.name);
setLecturaIndex(current.id);
// Establece la URL de los botones siguiente y anterior para routerLink
setBtnLinks({
next: current.id < 13 ? <code>/lectures/${languages.list[current.id+1].title}</code> : '/lectures',
prev: current.id > 0 ? <code>/lectures/${languages.list[current.id-1].title}</code> : '/lectures'
});
// Función que habilita / deshabilita los botones de navegación según el índice actual. es decir: si i = 0; no se puede volver atrás
indexCheck(current);
})

// ESTOS NUNCA SE ACTIVAN CUANDO SE VA AL PARÁMETRO SIGUIENTE (/lectures/:param)
useIonViewWillLeave(()=>{
console.log('will leave lecture');
})

useIonViewDidLeave(()=>{
console.log('did leave lecture');
})

return(
<ionpage>
<ioncontent>
<ionbutton disabled="{nextBtnDisable}" routerlink="{btnLinks.next}" routerdirection="back">
SIGUIENTE
</ionbutton>
</ioncontent>
</ionpage>
)
}
“`