Potentially excess warning Discarded invalid param(s) "xxx" when navigating.

[YummyHOF]

I am getting the warning twice uppon navigating to the route that uses the param.

This might seem like I forgot something, but interestingly this also happens:

• When hitting back arrow to return to previous route, I get the warning again.
• And when I navigate anywhere from the route that uses the param regardless of hitting back arrow or pushing to new route, I get the warning twice again.

Here is my set-up:

// UserRoutes.ts

const BASE_URL = '/users';

const UserBaseRoute : RouteRecordRaw = {
  path: BASE_URL,
  name: 'Users',
  component: () => import('@/app/users/UsersTable.view.vue'),
  meta: {
    title: 'users.title',
    getParent: () => HomepageRoute
  }
};

const UserCreateRoute : RouteRecordRaw = {
  path: BASE_URL + '/create',
  name: 'UserCreate',
  component: () => import('@/app/users/UserCreateUpdate.view.vue'),
  props: {
    isEdit: false
  },
  meta: {
    title: 'users.create.title',
    getParent: () => UserBaseRoute
  }
};

const UserUpdateRoute : RouteRecordRaw = {
  path: BASE_URL + '/:userId(\\d+)',
  name: 'UserUpdate',
  component: () => import('@/app/users/UserCreateUpdate.view.vue'),
  props: {
    isEdit: true
  },
  meta: {
    title: 'users.update.title',
    getParent: () => UserBaseRoute
  }
};

const userRoutes: Array<RouteRecordRaw> = [
  UserBaseRoute,
  UserCreateRoute,
  UserUpdateRoute,
];

export default userRoutes;

// Router.ts

const routes: RouteRecordRaw[] =[
  // some other routes
  ...userRoutes,
  // some other routes
];

const Router = createRouter({
  history: createWebHistory(),
  routes: routes
});

Router.beforeEach(to => {
  if (!auth.authenticated() && to.name !== 'Login') {
      return {name: 'Login'};
  }
});

// navigation code
router.push({name: 'UserUpdate', params: {userId: user.id}}); //warning
// or
router.push('/users/' + user.id); //warning

Am I something missing or did some anti-pattern?

[posva]

Do you have a boiled-down repro? This shouldn't happen with existing params

[YummyHOF]

I did some digging and found out that this is caused by creating RouterLink with excess params

//e.g.
<RouterLink
    :to="{
        name: 'Home',
        params: { notUsed: 42 }
    }"
/>

When this link is created it shows the warning
Do you need full reproduction or this is enough to decide that the warning is justified?

[posva]

The warning is justified