Это тот случай, когда вы вызываете бэкэнд-API из внешнего интерфейса, и вы не знаете, когда получите ответ. В этом случае вы показываете пользовательский спиннер перед перенаправлением на следующую страницу, которая зависит от ответа API ,
Вы должны условно визуализировать компонент, который требует данные из вашего API в качестве реквизита.
Получив данные из API, вы можете обновить состояние hasReceivedData до true.
hasReceivedData ? <Component> : '<Spinner>'