Vue-router定义路由方式不同导致props丢失

vue版本:2.6.11
vue-router版本:3.2.0

{
    path: "/about/:id",
    name: "About",
    component: () => import("../views/About.vue"),
    // components: {
    //   default: () => import("../views/About.vue"),
    // },
    props: {
      name: "lilei"
    }
  },

使用component可以正常传递props,使用注释中的方式(components + default)则会导致组件中props丢失。

router.beforeEach((to, from, next) => {
  console.log(to)
  next()
})

对比了一下to.matched中的路由对象,发现使用component时 props为

props: {
  default: {
    name: "lilei"
  }
}

而使用components : { default: 这样定义时,props为

props: {
  name: "lilei"
}

网上也没有找到原因,有没有大佬给予解答?

已解决。
我试了一下最新版本的vue和vue-router,然后重现这个问题,发现props为

props: {
  default: {
    name: undefined
  }
}

然后我就直接将props也套一层default,发现就能用,不会丢失了。