refactor: renamed Switch to Routes, renamed render to element, and replaced Redirect with Navigate

Author: mike-src

src/components/AppContent.js

@@ -1,5 +1,5 @@
 import React, { Suspense } from 'react'
-import { Redirect, Route, Switch } from 'react-router-dom'
+import { Navigate, Route, Routes } from 'react-router-dom'
 import { CContainer, CSpinner } from '@coreui/react'
 
 // routes config
@@ -9,7 +9,7 @@ const AppContent = () => {
   return (
     <CContainer lg>
       <Suspense fallback={<CSpinner color="primary" />}>
-        <Switch>
+        <Routes>
           {routes.map((route, idx) => {
             return (
               route.component && (
@@ -18,17 +18,13 @@ const AppContent = () => {
                   path={route.path}
                   exact={route.exact}
                   name={route.name}
-                  render={(props) => (
-                    <>
-                      <route.component {...props} />
-                    </>
-                  )}
+                  element={<route.component />}
                 />
               )
             )
           })}
-          <Redirect from="/" to="/dashboard" />
-        </Switch>
+          <Route path="/" element={<Navigate to="dashboard" replace />} />
+        </Routes>
       </Suspense>
     </CContainer>
   )