Я получаю один объект из вызова API, и когда я загружаю, это работает, но как только я перезагружаю страницу, она выдает ошибку и ничего не отрисовывает, и ошибка в том, что она не распознает свойство data.picture.large larger.
import './App.css';
import a from 'axios'
import { useEffect, useState } from 'react';
function App() {
const [data,setData] = useState({})
useEffect(()=>{
a.get("https://randomuser.me/api/")
.then(res=> setData(res.data.results[0]))
.catch(err=>console.log(err))
},[])
console.log(data);
return (
<div className="App">
<img src={data.picture.large}/>
<h1>{data.gender}</h1>
</div>
);
}
export default App;