chainId returns Null after mobile login

Im using the boilerplate, I needed mobile login option so I installed

npm install @walletconnect/web3-provider

then changed the Account.jsx as follows

onClick={() => authenticate({ 
          signingMessage: "Hello World!",
          provider: "walletconnect",       
         })

users can now login with metamask mobile, but now chainId returns null. Also changing the chain option does not work.

I don’t expect to be able to change the chain after connecting with wallet connect, you could specify the chain in authenticate as a parameter

how do you get the chain id?

I get the chainId like this


const { Moralis, chainId} = useMoralis();

my page renders all depend on the current chain. I did all my development on desktop so I was not expecting changes from desktop wallet vs mobile wallet. You said there is no ChainId on mobile. How do I check the current chain for mobile? Are there any other differences I should be aware of?

I would expect that you can not change it on mobile after connection, but you should be able to read it

I think that you need a web3 connection to read the chain, maybe you need to enableWeb3 before reading from chainId?

you could read it from web3 instance: chain_id = await web3.eth.getChainId()