Как сделать редирект из родительского компонента в дочерний?

Question

[Евгений Журов]

react-router-dom 6.2.1
Есть такой роут с двумя дочерними:

<Route path="/companies/:company/:meeting" element={ <Meeting /> }>
      <Route path="resolutions" element={ <Resolutions /> } />
      <Route path="participants" element={ <Participants /> } />
</Route>

Внутри компонента Meeting есть навигация и Outlet:

<>
    <Tabs routes={ tabsRoutes } />
    <Outlet />
</>

Компонент Tabs содержит навигацию по дочерним компонентам, и мне нужно, чтобы при переходе на страницу Meeting сразу происходил редирект на Resolutions, т.е. с '/companies/1/3' на '/companies/1/3/resolutions'. Как это сделать?

Я знаю, что в шестом роутере есть компонент для редиректа - Navigate, но он требует конкретную строку с урлом, а в моем случае некоторые части урла динамические. Наверное, необходимо какое-то действие с хуком useNavigate внутри компонента Meeting, но в силу невысокой пока компетенции в реакт не могу сообразить, как именно это сделать.

Answer 1

[Евгений Журов]

Разобрался. Внутри родителя (в моем случае - Meeting) нужно использовать

const navigate = useNavigate()
useEffect(() => {
    navigate('./resolutions', { replace: true })
}, [])