@luongtt/create-react-base/sample/routes/index.jsx

This is utility package for create react app base on create-react-app package

import React from 'react';
import { Route, Routes } from 'react-router-dom';
import Home from '../containers/StaticPages/Home';
import About from '../containers/StaticPages/About';
import Login from '../containers/Auth/Login';
import Profile from '../containers/Profile';
import Dashboard from '../containers/Dashboard';
import ProtectedComponent from '../components/ProtectedComponent';

function AppRoutes() {
  return (
    <Routes>
      <Route path="/" element={<Home />} name="home" />
      <Route path="about" element={<About />} name="about" />
      <Route path="login" element={<Login />} name="login" />
      <Route
        path="profile"
        element={
          <ProtectedComponent>
            <Profile />
          </ProtectedComponent>
        }
        name="profile"
      />
      <Route
        path="dashboard"
        element={
          <ProtectedComponent>
            <Dashboard />
          </ProtectedComponent>
        }
        name="dashboard"
      />
    </Routes>
  );
}

export default AppRoutes;