[v6/React] Page reloads despite using `routerLink`

routerLink props are used for switching between pages in an Ionic v6 app (as with <IonBreadcrumb> and <IonCard> where it is supported).

But for some <IonCard>s the page still stubbornly reloads every time.
As the app state is preserved and correctly re-used the reload doesn’t crash the app but it introduces a noticeable delay which isn’t necessary.

What can be the reason for the full reload caused by a routerLink component?
There are no JavaScript errors logged before the page reload.

I found that by pushing to the router manually prevented this behaviour (which was also caused a re-load of my root component and Pinia stores).

For example, I replaced:

<ion-card :href="`locn/${locn.id}`">

with:

<ion-card @click="navigateTo()">

and in the script setup:

import router from '@/router';
...
function navigateTo(): void {
    router.push({ name: 'locn', params: { id: props.locn.id } });
}