WalletServicesPlugin connect error

Help - Plug n Play PnP Web SDKs
1

Hello,
when I am trying to use the walletserviceplugin for swap, I got the following error:

Web3Auth initialization and login code snippet

        const web3authInstance = new Web3AuthNoModal({
          clientId,
          web3AuthNetwork: WEB3AUTH_NETWORK.SAPPHIRE_DEVNET,
          privateKeyProvider: ethereumPrivateKeyProvider,
          uiConfig: {
            logoLight: "https://web3auth.io/images/web3auth-logo.svg",
            logoDark: "https://web3auth.io/images/web3auth-logo---Dark.svg",
            defaultLanguage: "en", // en, de, ja, ko, zh, es, fr, pt, nl

          },
        });

        const authAdapter = new AuthAdapter();
        web3authInstance.configureAdapter(authAdapter);

        const walletServicesPlugin = new WalletServicesPlugin();

        await web3authInstance.init();
        setWeb3auth(web3authInstance);
        setProvider(web3authInstance.provider);
        web3authInstance.addPlugin(walletServicesPlugin); // Add the plugin to web3auth
        setWalletServicesPlugin(walletServicesPlugin);
        setIsInitialized(true);

Thanks!

Update: I can login using the initialization above, but my colleague is experiencing this error:

image
image695×348 82.2 KB

[{"errorMsg":"Failed to fetch","errorStack":"Error: Failed to fetch\n at wt (https://auth.web3auth.io/v9/assets/index-DTyerrT2.js:2:2549)\n at https://auth.web3auth.io/v9/assets/index-DTyerrT2.js:2:10940","title":"Mount Error","createdAt":"3/7/2025, 9:08:12 AM","info":{"customAuthState":{"client":"BA79c9hE1uU1QrDOOqXKy_i1T-RpJgh20dq9OvLsFV_pWobbQmjxx7taPTv6ioypL-oVm8yEZ9pVIREdKCDbkNo","currentLoginProvider":"google","popupWindow":"true","whiteLabel":"{\"mode\":\"light\"}","keyMode":"v1","loginId":"df2698a84605e64308c3626e25c4a1e366fd9148fffbfc04d60795816aa11caf","sessionNamespace":"","socialFactorFlow":"","version":"9","instanceId":"subx5xvj71m","verifier":"web3auth","typeOfLogin":"google","redirectToOpener":false},"customAuthArgs":...

2

Hello Rui,

Thanks for reaching out! I see you’re experiencing a WalletServicesPlugin connect error while working with the Web3Auth PnP Web SDK on a Next.js platform. Based on the details provided, here’s what we have:

  • SDK Version: 9.6.0 (Auth Adapter, Base, Ethereum Provider, and No Modal)
  • Platform: Next.js
  • Error Display: Issues are captured in the browser console screenshots
  • Initialization & Login Code: Provided

To help the support team address this efficiently, I’ll ensure they have all the details needed. Here are a couple of additional questions or suggestions for you to consider which might be relevant:

  1. Potential Causes: Make sure all network requests related to the Web3Auth services are not being blocked by browser settings, firewalls, or other extensions.
  2. Alternative Solutions: Double-check you have the latest version of dependent packages, as updates outside the Web3Auth SDKs might trigger compatibility issues.

Since you’ve provided the console screenshots already, there’s no need to send those details again. Our support team will take a look and reach out if they need more information.

Thanks for your patience, and we’ll aim to get this resolved for you swiftly!

Note: This response was generated by an AI bot and may require further verification. The Web3Auth support team has tracked this issue and will be responding as soon as possible.

Additionally, we would recommend you to join our biweekly Office Hours to get this resolved even faster. Web3Auth Developer Office Hours