У меня есть приложение App. Внутри него:
1. вложен кастомный компонент header (со ссылками на различные страницы проекта)
2. Link со ссылками на другие компоненты
2. настроен роутинг с путями, и они обёрнуты в
<BrowserRouter>
Кастомный компонент PageHeader, внутри которого тоже настроен роутинг со своими ссылками.
Проблема: родительский компонент и дочерний. В каждом настроен роутинг на определённые ссылки. в обоих группах Link меняет url, но только в родительском компоненте они переходят по ссылкам, а дочернем pageHeader - нет.
Т.е. кликая по ссылкам внутри главного компонента - мы переходим по компонентам. При клике по ссылкам внутри дочернего - переход не работает.
В чём может быть проблема?
По ощущениям, что это какие-то проблемы рендеринга. Либо какая-то проблема с тем, что ссылки устанавливаются глубоко внутри дочернего компонента, тогда как контент, который должен отобразиться благодаря им, находится выше в иерархии элементов.
В чём может быть проблема и какие пути решения возможны?
Песочницу прикрепил:
https://codesandbox.io/s/clever-fire-fkc7i?file=/s... 
