Как в next() передать динамические параметры?

Question

[Димаш Кенжегалиев]

у меня есть такой маршрут в router

{
    path: '/userRoom/:id',
    name: 'UserRoom',
    meta: { auth: true },
    component: userRoom
}

и такой код там же

router.beforeEach((to, from, next) => {
  const requireAuth = to.matched.some(record => record.meta.auth)
  const userData = JSON.parse(localStorage.getItem('userData'))

  if (to.name === 'UserRoom' && requireAuth) {
    if (userData) {
      console.log('userData')
      next('/userRoom/' + userData._id)
    } else {
      next('/registration')
    }
  } else {
    next()
  }
})

и ничего не работает, когда я нажимаю на ссылку по этому маршруту у меня в консоль просто бесконечно печатается userData и все редиректа не происходит, причем я заметил что если я поменяю path в next() на несуществующий маршрут то он переходит просто там компонента никакого нет