Estoy tratando de obtener datos JSON para que aparezcan en el registro de la consola, pero por alguna razón no funciona. ¿Cómo almaceno los datos JSON en una variable e imprimo en la consola?

 const [lat, setLat] = useState([]); const [long, setLong] = useState([]); const [data, setData] = useState([]); useEffect(() => { const fetchData = async () => { navigator.geolocation.getCurrentPosition(function(position) { setLat(position.coords.latitude); setLong(position.coords.longitude); }); console.log("Latitude is:", lat) console.log("Longitude is:", long) await fetch(`${process.env.REACT_APP_API_URL}?location=${lat},${long}&timesteps=1d&units=imperial&apikey=${process.env.REACT_APP_API_KEY}&fields=treeIndex,weedIndex,grassIndex`) .then(res => res.json()) .then(res => { setData(res); console.log(res); }); } fetchData(); }, [lat, long]);