Белый экран. Делаю запрос на сервер в useEffect и после setState, как мне отразить эти данные в jsx?

Question

[Alexandep]

Хочу отразить данные с state в return, но появляется белый экран. Делаю запрос на сервер в useEffect и данные отправляю в стейт, как мне отразить эти данные в jsx? Подскажите пожалуйста в чем может быть проблема

function App() {
    const [input, setInput] = useState<number>(0);
    const [val, setVal] = useState<string>('');
    const [state, setState] = useState<any>([]);
    
    useEffect(() => {

        CurrentRateAPI.getCurrentRate()
            .then((res) => {
                setState(res.data)
            })
            .catch(error => console.log('error', error));
    }, [])

    return (
        <div className="App">
                <h1>{JSON.stringify(state.value)}</h1>

                <ConvIn
                     />
        </div>
    );
}

Comments

[HealSpirit]

Что выводит console.log(res.data) перед setState?

[Alexandep]

данные с сервера и в консоле этот value отражается, а вот если на страницу выводить, то белый экран.Если весь state отражаю на странице, тоже все ок, а если state.value, то белый экран.

[HealSpirit]

Alexandep, при первом рендере state у нас пустой массив, при обращении к state.value мы получаем [].value = undefined;
После запроса и ререндера (вызов setState) мы получи заполненный стейт? Что там, массив или объект? На какой вложенности храниться value?