[Archive] Invalid hook call error in NextJs Web3Auth Modal SDK

[tahir]

Archived Content from Web3Auth Community

This topic was originally posted by tahir on 1/12/2024.
This content has been migrated from our previous community forum to preserve valuable discussions.

---

Screenshot at Jan 12 12-02-17835×530 165 KB

Giving Invalid hook error, If I disabled the useEffect then this error goes.

How to fix?

[vjgee]

@tahir Welcome Aboard!

Please refer to this thread where the issue has been addressed:

Rule of Hooks error when calling web3auth.initModal() Web - Modal SDK

SDK Version: 7.2.0 Platform: React + Vite Browser Console Screenshots: [image]

const web3auth = new Web3Auth({
  clientId: import.meta.env.VITE_WEB3_AUTH_CLIENT,
  web3AuthNetwork: "sapphire_mainnet", // Web3Auth Network
  chainConfig: {
    chainNamespace: "eip155",
    chainId: "0x1",
    rpcTarget: "https://rpc.ankr.com/eth",
    displayName: "Ethereum Mainnet",
    blockExplorer: "https://goerli.etherscan.io",
    ticker: "ETH",
    tickerName: …

[tahir]

I can not update my node_modules it can create many conflicts in current application.
It is big project.

Is there any way to fix it?
May be older version of Web3Auth dependencies?