Router.js

import { BrowserRouter, Routes, Route } from "react-router-dom";

//Pages
import Login from "../pages/login/Login";
import Onboarding from "../onboarding/Onboarding";
import Error from "./Error";
import PrivateRoute from "./Private_Route";
import Dashboard from "../pages/Dashboard";
import { useState } from "react";

//Routing
const Routing = () => {
  const [isLogged, setIsLogged] = useState(false);


  const fakeAsyncLogin = () => {
    console.log('called fakeAsyncLogin');
    setIsLogged(true)
  };

  return (
    <BrowserRouter>
      <Routes>
        <Route path="/login" element={<Login isLogged={isLogged} cb={fakeAsyncLogin} />} />
        <Route element={<PrivateRoute isLogged={isLogged} />}>
          <Route path="/dashboard" element={<Dashboard />} />
        </Route>
        <Route path="/*" element={<Error />} />
        <Route exact path="/" element={<Onboarding />} />
      </Routes>
    </BrowserRouter>
  );
};

export default Routing;