In React Router v6, a parent route renders this and a matched child route exists. What renders where, and what is the role of <Outlet />?

function Layout() { return ( <div> <nav>...</nav> <Outlet /> </div> ); } <Route path="/dash" element={<Layout />}> <Route path="stats" element={<Stats />} /> </Route>