Moralis.onAccountChange issue with latest Moralis SDK

[sachcha99]

const { Moralis } = useMoralis();

Can anyone explain why this happens?

Here is my versions of moralis and react-moralis modules

"moralis": "^1.3.2",
"react-moralis": "^1.3.1",

[cryptokid]

you can read here about how to use it in latest version of the SDK:

Moralis JS SDK v1.0 (migration to Ethers.js)

Migration Guide JS SDK v0.0.x > v1 Removed dependency of web3.js in favour of ethers.js Introducing custom connectors Update To update, you need to update your dependency For CDN:: <script src="https://unpkg.com/moralis@latest/dist/moralis.js"></script> Please update latest to the release version you want to use. For all releases, see: https://github.com/MoralisWeb3/Moralis-JS-SDK/releases Via npm: npm install moralis@latest If you do NOT want to update yet Then you you specify…

[sachcha99]

@Erno mentioned that we need to use Moralis.onAccountChange event after enableWeb3();
I tried that but it didn’t worked.

Here is my code,

useEffect(() => {
    if (isAuthenticated && isWeb3Enabled) {
      Moralis.onAccountChanged(async (accounts) => {
        const currentUser = Moralis.User.current();
        if (currentUser) {
          await setUserDataOnLinkStatus(accounts[0]);
        }
      });
      getBalance();
    }
    return () => {
      setIsLoading(false);
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [isAuthenticated, isWeb3Enabled]);

Here how we enable Web3

import { useMoralis, useChain } from "react-moralis";

const { isWeb3Enabled, isInitialized, enableWeb3, isAuthenticated, user, isWeb3EnableLoading, logout, Moralis, setUserData, web3, account } = useMoralis();

const enableWeb3Provider = () => {
    if (isAuthenticated && !isWeb3Enabled && !isWeb3EnableLoading) {
      const isWalletconnect = user.get("walletconnect");
      console.log("enableWeb3Provider isWalletconnect: ", isWalletconnect);
      if (isWalletconnect) {
        enableWeb3({ provider: "walletconnect" });
        return;
      }
      enableWeb3();
    }
  };

@cryptokid Is there any possible way to solve this issue?

[cryptokid]

I noticed this part in that in that forum thread:

Moralis.onXXX events have changed

Instead of subscribing to Metamask events directly, moralis generalizes these events so that they can be used for any connector: metamask, walletconnect, network etc. So now the events are fired from the connector that is use to authenticate/enableWeb3.

[sachcha99]

@cryptokid I observed that point and tried to use Moralis.onAccountChange accordingly.But it didn’t work for me.

@Erno

The events are now fired differently. Before it was firing the Metamask onChain/onAccountsChanged events. Now it is firing the onChain/onAccountsChanged of the method that is used for authentication/enableWeb3.

So before you call authenticate/enableWeb3, no events will be fired. Then if you authenticate via Walletconnect, you will get events from WalletConnect.

I assume you use the events before enableWeb3/authenticate was called?

If so, then if you want to listen for Metamask events, you can use window.ethereum.on:

    window.ethereum.on("accountsChanged", (account) =>
      console.log("account")
    );
    window.ethereum.on("chainChanged", (chain) =>
      console.log("chain")
    );

[cryptokid]

did you use it with metamask or wallet connect?

[sachcha99]

I am using this with Metamask

[cryptokid]

what doesn’t work with metamask? did you try window.ethereum.on?

[sachcha99]

Moralis.onAccountChange is not working and this error is appearing when I use it.

window.ethereum.on is working but this error is appearing when I use it

[cryptokid]

maybe you can ignore that error

[sachcha99]

@cryptokid Do you have any idea why Moralis.onAccountChange event is not working?

[cryptokid]

I don’t know why is not working

[jjll]

Is this ever solved? I am having same problems

[qudusayo]

If you’re using it in a hook as above, you can have it in such way rather

useEffect(() => {
  console.log(account)
}, [account])