Кто может подсказать в чем может быть проблема, у меня

Question

Кто может подсказать в чем может быть проблема, у меня

есть функия которя меняет страницу на следующую, но перед этим мне нужно выполнить асихронную операцию и в это время я хочу показать loading
```
const [savingLoading, setSavingLoading ]
const nextPage = async () => {
setSavingLoading(true)
async function ()
history.push(`/editor/pages/${nexPage}
}
```

А в самом компоненте я отрисовываю тест из redux.state

```
pageData.pageItem.style.texts.map((text:any, i:number) => (
<textarea
onChange={(value:any) => handleTextChange(value, i)}
onClick={() => handleItemFocus(
"text",
i.toString())}
className="page_element"
key={`${currentPage}${i}${pageData.pageItem._id}`}
style={changeFontSize(text.style)}
defaultValue={text.text}
/>
))
```

И вот проблема в том, что текст не отрысовывается, но если кликну на то место где он должен был быть, то он отрисуется

И при этом вся проблема в setLoading, так как если я его уберу то все отрабатывает нормально, но не показывает естественно loding

Какие есть идеи?))