How do you handle authentication and protected routes in React?

You can restrict route access by checking user authentication before rendering a component.

---

⚙️ Example

function PrivateRoute({ children }) {
  const isAuthenticated = !!localStorage.getItem('token');
  return isAuthenticated ? children : <Navigate to='/login' />;
}

Use in router:

<Route
  path='/dashboard'
  element={
    <PrivateRoute>
      <Dashboard />
    </PrivateRoute>
  }
/>

✅ This ensures non-authenticated users are redirected to login.