Tengo este fragmento de código que se conecta a la billetera metamask y establece la dirección de la cuenta usando useState().
const [currentAccount, setCurrentAccount] = useState("") const connectWallet = async () => { try { if (!ethereum) return alert("Please install MetaMask.") const accounts = await ethereum.request({ method: "eth_requestAccounts" }) setCurrentAccount(accounts[0]) console.log(accounts) // TODO:Add conditional statement to check if user has token navigate("/portfolio") } catch (error) { console.log(error) throw new Error("No ethereum object") } } console.log("current account", currentAccount) const returnCollection = async (currentAccount) => { const options = { method: 'GET', headers: { Accept: 'application/json' } }; fetch(`https://api.opensea.io/api/v1/collections?asset_owner=${currentAccount}&offset=0&limit=300`, options) .then(response => response.json()) .then(response => console.log("collection owned by current address", response)) .catch(err => console.error(err)); useEffect(() => { returnCollection(currentAccount) })La consola está registrando la cuenta pero cuando trato de pasarla en la llamada returnCollection en useEffect() vuelve como indefinida.
Parece aquí, estás haciendo algo como esto:
useEffect(() => { returnCollection(currentAccount) }) Esto se ejecutará después de cada renderizado o cada cambio de estado, y también inicialmente cuando el componente se monta por primera vez, cuando currentAccount es "". Inicialmente, la cuenta corriente es "", por lo que es posible que no desee obtener la colección de "". En cambio, tal vez lo que puede hacer es crear otra variable de estado para el resultado de returnConnection y establecer la variable de estado en el resultado de returnConnection , ya que normalmente no devuelve resultados de useEffect , a menos que sea una función de limpieza. Además, tal vez pueda verificar el estado de la useEffect currentAccount asegurarse de que no sea "", antes de devolver el resultado.