Я пытаюсь воспользоваться условным рендерингом, чтобы при запуске приложения происходил фетч констант, а после отрисовка. Я обернул все приложение в условную конструкцию, но если открывать приложение не по основному пути, а условно по host/match, который требует этих самых констант, то приложение крашится. Конечно, можно было бы тоже обернуть match в условную конструкцию, но это совсем не валидно. Как мне сделать, чтобы при открытии приложения через дочерние url'ы компоненты не рендерились до тех пор, пока контстанты не загрузились? Есть какой-то изящный способ это сделать, или все таки нужно каждый компонент оборачивать в условную конструкцию?
<div className="App">
<Nav/>
{!isConstLoaded ? (
<Routes>
<Route path="/" element={<Home/>}/>
<Route path="/matches" element={<Match/>}/>
</Routes>
)
:
(<div>loading</div>)}
</div>
