Как правильно загрузить данные для select что бы сразу же отображались когда они пришли с сервера?

Question

[QnaTwitt]

Подскажите пожалуйста как решить эту проблему, у меня есть select данные для которого приходят из API и записываются в redux state, от туда уже идут в сам компонент, при загрузке страницы вызываю функцию получения списка

useEffect(() => {
    getCurrency();
 }, []);

Данные из стейта получаю вот так

const { currency } = useTypedSelector((state) => state);

Потом данные идут в функцию

const currencyList = () =>
    currency.map((item: ICurrency) => ({
      id: item.id,
      name: item.name,
      symbol: item.symbol,
      code: item.code,
      render: () => (
        <>
          <span>{item.symbol}, </span>
          <span>{item.code}</span>
        </>
      )
    }));

И результат этой функции я уже отправляю в select.
_____
При заходе на страницу select у меня пустой, при том что данные пришли и в state они есть.
Но если пере зайду на страницу (не перезагружая сайт) тогда всё будет нормально, получается что страница перерендерилась и данные в select отобразились...
______
Вот скрин как только я зашёл на страницу, и данные в state уже пришли, но в select не отобразились

______
А вот скрин если я выйду со страницы и зайду ещё раз, при этом не перезагружая весь сайт, получается что вся страница ещё раз перерендерилась и тогда данные пришли