Public and private route in React with Vite

import { Route, Redirect } from 'react-router-dom';

function App() {
  const isAuthenticated = true; // Replace with actual authentication check
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={HomePage} />
        <Route exact path="/about" component={AboutPage} />
        <Route exact path="/contact" component={ContactPage} />
        <PrivateRoute exact path="/dashboard" component={DashboardPage} isAuthenticated={isAuthenticated} />
      </Switch>
    </Router>
  );
}

function PrivateRoute({ component: Component, isAuthenticated, ...rest }) {
  return (
    <Route {...rest} render={(props) => (
      isAuthenticated ? <Component {...props} />
    : <Redirect to={{ pathname: '/login', state: { from: props.location } }} />
    )} />
  );
}