Dojo Blog React Router v6

App.js

import Home from './Home';
import Navbar from './Navbar';
import Create from './Create';
import { BrowserRouter as Router, useRoutes } from 'react-router-dom';

const MyRoutes = () => {
  const routes = useRoutes([
      { path: '/', element: <Home /> },
      { path: '/create', element: <Create /> },
  ]);
  return routes;
};

function App() {
  return (
    <div className="App">
      <Navbar />
      <div className="content">
        <Router>
          <MyRoutes />
        </Router>
      </div>
    </div>
  );
}

export default App;