await connect() returns before it's connected about web3-onboard HOT 4 OPEN

Sorry, the app was erroneous, now fixed. And the error is not that console.log don't work, but:

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'provider')
    at readScore (App.tsx:76:1)

from web3-onboard.

Bug workaround:

  useEffect(() => {
    if (!wallet) {
      return;
    }
    (async () => {
      const provider = new ethers.BrowserProvider(wallet!.provider, 'any');
      console.log('provider', provider);
      const signer = await provider.getSigner();
      console.log('signer', signer);
      const address = await signer.getAddress()
      console.log('address', address);
      const message = "I certify that I am the owner of the Ethereum account\n" + address;
      const signature = await signer.signMessage(message);
    })()
  }, [wallet]);

  async function readScore() {
    if (!wallet) {
      await connect();
    }
  }

from web3-onboard.

@vporton thanks for posting!
I dont see this when working with our react demo project. We do something similar but not quite the same you can check it out here.

Let me know if this helps!

from web3-onboard.

Let me know if this helps!

It does not help, because it involves an additional user action to start the next action after connecting, instead of the ability to start an additional blockchain action (such as requesting from user a signature) automatically upon connecting.

BTW, code similar to my above code is buggy: It sometimes produces 4 asks for a signature instead of one.

from web3-onboard.