Why does my layout render but child routes do not show?
Usually because you forgot to add an Outlet in the layout component. Without an Outlet, child routes have nowhere to render, so nothing appears even though the route matches and the parent renders.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in Common React Router Mistakes That Break Navigation in React Apps
Because plain anchor tags trigger a full page reload, which loses app state and defeats the single-page purpose. Link updates the URL without a reload, which is what makes client-side routing work.
Because you forgot to wrap your app in a BrowserRouter at the root. Without a router context, Routes and Links have nothing to connect to and throw errors or do nothing.
Because you are missing a catch-all 404 route at the end of your Routes. Add one that renders a not-found component, so invalid URLs are handled gracefully instead of showing nothing.
Still have questions?
Browse all our FAQs or reach out to our support team