Estoy recibiendo un error extraño. Empezando con mecanografiado. Cuando escribo console.log (datos) por primera vez, obtengo una matriz con objetos dentro. El problema ocurre cuando recargo la página web sin tocar nada. El registro de mi consola devuelve indefinido.

 const Home = (): JSX.Element => { const [data, setData] = useState<any>(); const [loading, setLoading] = useState<boolean>(true); const fetchApi = () => { fetch("https://fakestoreapi.com/products") .then((res) => { return res.json(); }) .then((data) => setData(data)); console.log(data) }; useEffect(() => { fetchApi(); setLoading(false); }, []); return( <div> </div> ) };

Retorno de la primera consola.log

Después de recargar