How do you handle nested routes in React?

React Intermediate Questions - Set 6

Example

<Route path="/settings" element={<Settings />}>
  <Route path="profile" element={<Profile />} />
</Route>
<Outlet />   {/* children render here */}