Estoy tratando de crear una aplicación meteorológica simple usando la API de openweathermap.
Recibo el siguiente error mientras ejecuto mi código:
Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0Mi código en App.js:
import "./App.css"; import React, { useEffect, useState } from "react"; export default function App() { 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); }); await fetch( `${process.env.REACT_APP_API_URL}/weather/?lat=${lat}&lon=${long}&units=metric&APPID=${process.env.REACT_APP_API_KEY}` ) .then((res) => res.json()) .then((result) => { setData(result); console.log(result); }); }; fetchData(); }, [lat, long]); return <div className="App"></div>; }Cuando codifico el
`${process.env.REACT_APP_API_URL}/weather/?lat=${lat}&lon=${long}&units=metric&APPID=${process.env.REACT_APP_API_KEY}`No recibo el error y todo funciona como se esperaba (además de que registra el resultado dos veces...)
Gracias de antemano por ayudar.