开发中React router6路由表多级路由嵌套的默认子路由问题

最近小新在写一个基于React Hooks+Mobx+axios+react-router-dom v6+antD的前端项目，在进行二级路由配置时遇到了一些问题。

path：" / " 时，渲染组件<Layout />；

path：" / " 时，重定向到Layout的子组件Home，路径为 " /home "。

这个需求看上去非常简单，如果使用Vue的路由表来写的话：

const routes = [
  {
   
    path: '/',
    component: Layout,
    redirect: '/home',
    children: [
      {
    path: "/home", component: Home }
    ]
  }
]

是不是觉得非常简单，其实用React来写，如果不使用路由表（不使用useRoutes这个Hook）的话，也是非常简单。

<Routes>
  <Route path="/" element={
   <Layout />}>
	<Route index element={