How can use React router to access components that are not rendered at the current page?

Question

Currently I have a single page website. All navigation items lead to a specific component on the same page. Now, the client wants to add additional navigation item, and they