React useEffect не обновляет состояние после асинхронного вызова API ⇐ Javascript

[Anonymous]

Я работаю над функциональным компонентом React, в котором получаю данные из API с помощью fetch внутри useEffect. Вызов API работает правильно, и я вижу ответ в консоли, но пользовательский интерфейс компонента не обновляется с использованием полученных данных.
Я использую useState для хранения ответа и обновления состояния после разрешения вызова API. Однако визуализированный вывод по-прежнему показывает исходное состояние. Я проверил, что формат ответа API верен и компонент отображается без ошибок.
Я подозреваю, что это может быть связано с тем, как работают зависимости useEffect или асинхронные обновления состояния, но я не уверен, чего мне не хватает. Как правильно обновить состояние после асинхронного вызова API, чтобы пользовательский интерфейс отображался правильно?

Подробнее здесь: https://stackoverflow.com/questions/798 ... c-api-call