Cannot read property 'getCode' of null

[Venoox]

import './App.css';
import { useEffect, useState } from "react";
import { ethers } from "ethers";
import { TokenFarm } from './contracts';

function App() {
  const [provider, setProvider] = useState();
  const [signer, setSigner] = useState();
  const [currentToken, setCurrentToken] = useState();

  useEffect(() => {
    enableWeb3().then(initializeData);
  }, []);

  async function enableWeb3() {
    if (window.ethereum) {
      const provider = new ethers.providers.Web3Provider(window.ethereum, "any");
      await provider.send("eth_requestAccounts", []);
      const signer = provider.getSigner();
      setProvider(provider);
      setSigner(signer);
    }
    else {
      throw Error("No web3.0 provider!")
    }
  }

  async function initializeData() {
    const token = await new ethers.Contract(TokenFarm.address, TokenFarm.abi, signer).deployed();
    setCurrentToken(token);
  }

  return (
    <div className="App">
    </div>
  );
}

export default App;

I get this error that happens in function initializeData when creating new instance of contract:

Uncaught (in promise) TypeError: Cannot read property 'getCode' of null
    at Contract._deployed (index.ts:807)
    at Contract.deployed (index.ts:790)
    at initializeData (App.js:29)

I'm using Ethers 5.4.0 with React. I'm not sure if I'm doing something wrong or there is a bug.

[zemse]

Can you try changing const signer = provider.getSigner(); to const signer = await provider.getSigner(); if that fixes?

edit: when you're setProvider(provider); setSigner(signer);, maybe it's not setting the value for signer before initializeData is called. Can you try adding await before them?

await setProvider(provider);
await setSigner(signer);

[ricmoo]

Can you also console.log(signer, provider)? It looks like you are scoping the variables inside the block (with const), so they aren’t available to be passed into the contract.

[Venoox]

await didn't help but your idea was correct. It appears setProvider and setSigner don't change variables instantly but on new render. Thank you!