react-router 6 如果匹配不到路由重定向自定义路由方法（[Navigate] is not a ＜Route＞ component........must be a ＜Route＞ .）

首先

上面我是想进入到根路由也就是/ 的时候默认重定向到 /projects页面，

但是将 Navigate 定义在 Route 内部会提示错误：

解决办法：

<Router>
  <Routes>
    <Route path="/projects" element={<ProjectListScreen />}></Route>
    <Route
      path="/projects/:projectId/*"
      element={<ProjectScreen />}
    ></Route>
    <Route path="*" element={<Navigate to="/projects" replace={true}/>} />  
  </Routes>
</Router>

换成：
<Route path="*" element={<Navigate to="/projects" replace={true}/>} />写法即可。如果找不到自己定义的根路由，默认跳转到 /projects路由中。