DEV Community

Discussion on: 🔐 Private Route in React Router v6

Collapse
 
ian_jones_c4d87258f948f0d profile image
Ian Jones

Appears to have broken in react-router-dom 6.0.0-beta.6

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