DEV Community

Discussion on: 🔐 Private Route in React Router v6

Collapse
 
iamandrewluca profile image
Andrei Luca

Updated react-router-dom to last version and updated example.

It seems that you need to pass path to nested routes also, it wasn't the case in earlier versions

it was

<Route path="/private-outlet" element={<PrivateOutlet />}>
  <Route element={<Private />} />
</Route>
Enter fullscreen mode Exit fullscreen mode

now

<Route path="/private-outlet" element={<PrivateOutlet />}>
  <Route path="" element={<Private />} />
</Route>
Enter fullscreen mode Exit fullscreen mode