Why are my nested route components not rendering in react-router-dom 6?

Question

I have the following routes in my App.tsx file:

When I visit the /help URL, I can see that the document title and navbar have loaded in the DOM, however, I don't see any of my nested routes and I'm also not receiving any errors or warnings.

Answer 1

Your top level Routes is taking care of the /collections part of the URL, therefore the nested routes also having /collections would make me wonder if router is expecting your URL to be /collections/collections