Как реагирует один маршрут на модуль из компонента приложения верхнего уровня?

Question

Итак, я пытаюсь создать ссылки на компонент приложения navbar верхнего уровня. Эти ссылки соответствуют двум страницам, связанным с тем же модулем. Я знаю, как создавать ссылки на компонент приложения верхнего уровня, которые направляют на одну страницу, связанную с модулем, но есть ли способ сделать то же самое с двумя ссылками на две страницы, связанные с тем же модулем? Вот структура каталога проекта, например:

my-app
  top-level-app
    components
       navbar.js
    pages
      moduleOne.js
      moduleTwo.js
  modules
     module-two
       pages
         pageOne.js
     module-two
       pages
         pageOne.js
         pageTwo.js

Так что я не уверен, насколько это ясно, но я хочу, чтобы компонент navbar верхнего уровня имел три ссылки; один соответствует moduleOne, а два соответствуют moduleTwo - один для pageOne и один для pageTwo. Маршрутизация верхнего уровня должна иметь только два маршрута; один соответствует каждому модулю. Это создает проблему; когда две ссылки отображаются для навигационной панели верхнего уровня, каждая из них просто go на pageOne из каталога module-two. Более того, поскольку они ссылаются на одно и то же место, оба они выделяются одновременно с помощью onClick. Я попытался использовать компоненты HashRouter и Switch из response-router-dom, а также создать метод, который отображает две ссылки. Моя проблема заключается в попытке пройти навигацию по модулю вплоть до компонента приложения верхнего уровня. Это расстраивает меня в течение некоторого времени. Любая помощь будет оценена. Заранее спасибо.