chore: update react-router

Author: sindu12jun

src/authenticated-app.tsx

@@ -5,7 +5,7 @@ import { ReactComponent as SoftwareLogo } from "assets/software-logo.svg";
 import styled from "@emotion/styled";
 import { ButtonNoPadding, Row } from "components/lib";
 import { Button, Dropdown, Menu } from "antd";
-import { Navigate, Route, Routes } from "react-router";
+import { Route, Routes } from "react-router";
 import { ProjectScreen } from "screens/project";
 import { resetRoute } from "utils";
 import { ProjectModal } from "screens/project-list/project-modal";
@@ -32,9 +32,9 @@ export default function AuthenticatedApp() {
       <PageHeader />
       <Main>
         <Routes>
-          <Route path={"/projects"} element={<ProjectListScreen />} />
-          <Route path={"/projects/:projectId/*"} element={<ProjectScreen />} />
-          <Navigate to={"/projects"} />
+          <Route path={"projects"} element={<ProjectListScreen />} />
+          <Route path={"projects/:projectId/*"} element={<ProjectScreen />} />
+          <Route index element={<ProjectListScreen />} />
         </Routes>
       </Main>
       <ProjectModal />

src/screens/project-list/list.tsx

@@ -41,7 +41,9 @@ export const List = ({ users, ...props }: ListProps) => {
           title: "名称",
           sorter: (a, b) => a.name.localeCompare(b.name),
           render(value, project) {
-            return <Link to={String(project.id)}>{project.name}</Link>;
+            return (
+              <Link to={`projects/${String(project.id)}`}>{project.name}</Link>
+            );
           },
         },
         {

src/screens/project/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Link } from "react-router-dom";
-import { Navigate, Route, Routes, useLocation } from "react-router";
+import { Route, Routes, useLocation } from "react-router";
 import { KanbanScreen } from "screens/kanban";
 import { EpicScreen } from "screens/epic";
 import styled from "@emotion/styled";
@@ -28,10 +28,10 @@ export const ProjectScreen = () => {
       <Main>
         <Routes>
           {/*projects/:projectId/kanban*/}
-          <Route path={"/kanban"} element={<KanbanScreen />} />
+          <Route path={"kanban"} element={<KanbanScreen />} />
           {/*projects/:projectId/epic*/}
-          <Route path={"/epic"} element={<EpicScreen />} />
-          <Navigate to={window.location.pathname + "/kanban"} replace={true} />
+          <Route path={"epic"} element={<EpicScreen />} />
+          <Route index element={<KanbanScreen />} />
         </Routes>
       </Main>
     </Container>