perdón por la pregunta trivial (tal vez) pero me he estado golpeando la cabeza durante horas. donde esta el error
import axios from 'axios'; import React, { useEffect, useState } from 'react' import { SingleCoin } from '../config/api'; const {id} = useParams(); const [coins, setCoins] = useState(); const {currency, symbol} = CryptoState(); useEffect(()=>{ const fetchCoins = async () => { const {data} = await axios.get(SingleCoin(id)); setCoins(data); }; fetchCoins(); }, []); React Hook useEffect has a missing dependency: 'id'. Either include it or remove the dependency array
Cualquier variable que use en la función useEffect debe estar en la matriz de dependencia, de modo que pueda monitorearse y useEffect solo se ejecutará cuando esa variable cambie.
useEffect(()=>{ const fetchCoins = async () => { const {data} = await axios.get(SingleCoin(id)); setCoins(data); }; fetchCoins(); }, [id]); Agregue id a la matriz que es el segundo parámetro de useEffect para borrar este error. Referencia
useEffect y algunos otros ganchos necesitan que se proporcione una matriz de dependencia. Es el último argumento pasado como una matriz. Las dependencias le dicen a los ganchos qué variables o elementos observar para detectar cambios. Si cambia una dependencia, el enlace también debería esperar un nuevo comportamiento y, por lo tanto, se actualizará.
Para solucionar su problema, debe proporcionar la identificación en su matriz de dependencias, ya que la advertencia dice así: React Hook useEffect tiene una dependencia faltante: 'id'
useEffect(()=>{ const fetchCoins = async () => { const {data} = await axios.get(SingleCoin(id)); setCoins(data); }; fetchCoins(); }, [id]);