React Router: эффективный способ доступа к ресурсам с динамическим маршрутом

Question

У меня есть это

<Switch>
    <Route exact path="/" component={LandingPage} />
    <Route exact path="/catalog/:id" component={Video} />
</Switch>

Компонент Видео использует компоненты, которые используются в разных местах приложения, если я хочу получить доступ к ресурсам от дочерних компонентов Компонент Video , я должен использовать путь .. / images , но если я использую эти компоненты из другого пути (например, path = "/"), тогда я должен использовать ./ images путь.

Чтобы решить эту проблему, я придумал что-то вроде этого:

{this.props.doubleSlash
    ? <img src={'../images/' + assetName}/>
    : <img src={'./images' + assetName} />

Есть ли лучший способ решить эту проблему?

Спасибо!