kelwin27

Можете использовать useLayoutEffect, либо выполнять проверку на длину и показывать иное, типа:

{array.length > 0 ? <div>content</div> : <div>empty</div>}

Я не эксперт, но насколько я понимаю ваш код это плохая практика. Вы создаете компонент(!) который существует только для того чтобы сделать запрос и вернуть полученные данные. Подобная работа для обычных функций, а не компонентов. Просто совершайте запрос к сети в том компоненте, который будет использовать ответ. Если ответ сервера будут использовать несколько компонентов - делайте запрос в их родителе и распространяйте все через пропсы. Чтобы реакт не отрисовывал пока еще пустой стейт можно использовать условный рендеринг - если стейт null - вернуть какой-то прелоадер, если стейт обновлен данными из сети - отрисовать полноценный компонент.