React router dom v6: Cannot load layout

Outlet được sử dụng nhằm mục đích cho bạn render 1 trang con bên trong trang cha ý

<Routes>
        <Route path="/" element={<Layout />}>
          <Route index element={<SneakerGrid />} />
          <Route path="/sneakers/:id" element={<SneakerView />} />
          <Route path="*" element={<NoMatch />} />
        </Route>
      </Routes>

Như cách định nghĩa trên thì khi bạn truy cập url / thì sẽ render component Layout, truy cập /sneaker/:id thì sẽ render SneakerView ở vị trí mà bạn đặt component Outlet ở trong Layout. Nếu <outlet /> không nhận component nào thì mà bạn có thể load được trang, là bởi vì trang hiện tại đang render component Layout