My activatedroute.snapshot.params[‘id’], keeps showing an old id, when I’ve navigate to an entity with a different id.

The url address changes to reflect the new id, but activatedroute does not. So all my router links, on the page point to the wrong href address (since they are based on the content of activated route)

My component code

<div class="fadeIn">

      <!-- navigation menu -->
      <app-project-navigation></app-project-navigation> - activated route here doesn't match the id in the URL address bar

      <!-- page router -->
      <router-outlet></router-outlet>

</div>

Route paths

Entity gets loaded at the following route

  {
    path: 'entity/:id',
    title: 'App | Entity Details',
    loadChildren: () => import('../entity-parent/entity-parent.routes').then((m) => m.ENTITY_ROUTES),

  },

Surely each time I naviate to a new entity/:id, when the entity component gets loaded, the activatedroute.snapshot.params would also change?