Web3Auth (X Web3AuthCore) with custom Chain and Auth0

[lambdina]

Hello,
I want to use Web3auth with Avalanche Testnet, and my auth0 adapters.
Here is what I have been doing:

useEffect(() => {
    const init = async () => {
      try {
        const web3auth = new Web3Auth({
          clientId,
          chainConfig: {
            chainNamespace: CHAIN_NAMESPACES.EIP155,
            chainId: "0xA869", // hex of 43114
            rpcTarget: "https://rpc.ankr.com/avalanche_fuji-c",
            // Avoid using public rpcTarget in production.
            // Use services like Infura, Quicknode etc
            displayName: "Avalanche C-Chain Testnet",
            blockExplorer: "https://subnets-test.avax.network/c-chain",
            ticker: "AVAX",
            tickerName: "AVAX",

          },
          uiConfig: {
            theme: "light",
            loginMethodsOrder: ["facebook", "google"],
            defaultLanguage: "en",
            appLogo: "https://web3auth.io/images/w3a-L-Favicon-1.svg", // Your App Logo Here
          },
        });
        const openLoginAdapter = new OpenloginAdapter({ adapterSettings: {
            network: "testnet",
            clientId: "Your clientId from Plug n play section",
            uxMode: "redirect", // other option: popup
            loginConfig: {
              jwt: {
                name: "auth0-adapter",
                verifier: "fm-auth0",
                typeOfLogin: "jwt",
                clientId: "my-client-id",
              },
            },
          }});
        web3auth.configureAdapter(openLoginAdapter);

        const metamaskAdapter = new MetamaskAdapter({
          clientId,
          sessionTime: 3600, // 1 hour in seconds
          chainConfig: {
            chainNamespace: CHAIN_NAMESPACES.EIP155,
            chainId: "0xA869", // hex of 43114
            rpcTarget: "https://rpc.ankr.com/avalanche_fuji-c",
            // Avoid using public rpcTarget in production.
            // Use services like Infura, Quicknode etc
            displayName: "Avalanche C-Chain Testnet",
            blockExplorer: "https://subnets-test.avax.network/c-chain",
            ticker: "AVAX",
            tickerName: "AVAX",// This is the public RPC we have added, please pass on your own endpoint while creating an app
          },
        });

        web3auth.configureAdapter(metamaskAdapter);
        
        setWeb3auth(web3auth);

        await web3auth.initModal();

And the error I have is:

Uncaught (in promise) WalletInitializationError: Wallet is not found, Please add wallet adapter for auth0-adapter wallet, before connecting

any help would be welcome.

[shahbaz17]

Hey @lambdina

I see you're using @web3auth/modal package, and it doesn't support Auth0 login with it. Instead, use @web3auth/core.

Please take a look at our Auth0 guide to configure as per the latest changes in SDK. Also, update all the SDKs to the latest version.

Also, see the example code and live demo site for the same. Feel free to change the chain config to match with Avalanche C-Chain.