Как бороться с асинхронностью React

App загружает ContentContainer, ContentContainer вызывает санки, которые делают запрос, запрос возвращает объект, объект диспачится actionCreator в reducer, reducer находит нужный type, делает полную копию и наконец добавляет в state, state обновился, оборачиваю ContentContainer connect, даю props в ContentContainer, в props лежит нужный объект, передаю объект компоненте Content.js и она уже применяет этот объект, но почему-то (я знаю почему, я не знаю как исправить) те данные которые лежат сверху, в объекте, типа name: City, показываются, а те, что лежат в объекте, типа weather: {A, B}, не успевают отрендериться и показывает, что не могу взять A у undefined, а если прямо в компоненте поменять c A, на B, до данные появятся, обновляю страницу, всё то же самое

ссылка на фото https://disk.yandex.ru/d/yTmKAg2c_HgcPg