Progress

client/src/pages/manage/manage.page.component.jsx

@@ -3,7 +3,7 @@ import preval from "preval.macro";
 import React, { lazy, Suspense, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
-import { Link, Route, Switch } from "react-router-dom";
+import { Link, Route, Routes } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import BreadCrumbs from "../../components/breadcrumbs/breadcrumbs.component";
 import ChatAffixContainer from "../../components/chat-affix/chat-affix.container";
@@ -212,7 +212,7 @@ export function Manage({ match, conflict, bodyshop }) {
       <Route exact path={`${match.path}/_test`} component={TestComponent} />
       <Route exact path={`${match.path}`} component={ManageRootPage} />
       <Route exact path={`${match.path}/jobs`} component={JobsPage} />
-      <Switch>
+      <Routes>
         <Route
           exact
           path={`${match.path}/jobs/:jobId/intake`}
@@ -246,7 +246,7 @@ export function Manage({ match, conflict, bodyshop }) {
           component={JobsCreateContainerPage}
         />
         <Route path={`${match.path}/jobs/:jobId`} component={JobsDetailPage} />
-      </Switch>
+      </Routes>
       <Route exact path={`${match.path}/temporarydocs/`} component={TempDocs} />
       <Route
         exact
@@ -258,7 +258,7 @@ export function Manage({ match, conflict, bodyshop }) {
         path={`${match.path}/courtesycars/`}
         component={CourtesyCarsPage}
       />
-      <Switch>
+      <Routes>
         <Route
           exact
           path={`${match.path}/courtesycars/new`}
@@ -287,7 +287,7 @@ export function Manage({ match, conflict, bodyshop }) {
           path={`${match.path}/courtesycars/:ccId`}
           component={CourtesyCarDetailContainer}
         />
-      </Switch>
+      </Routes>
       <Route exact path={`${match.path}/profile`} component={ProfilePage} />
       <Route
         exact