Migrating to webAuth v10, custom RPC needed

[danieljao]

Hi, im using webAuth v9 and wanting to migrate to v10. I checked the documentation, but i can seem to find a way to do custom RPC. My original code is

                    const web3auth = new Web3Auth({
                    clientId: vars.clientId as string,
                    web3AuthNetwork: "mainnet"
                    chains: {
                        chainNamespace: CHAIN_NAMESPACES.SOLANA,
                        chainId: vars.clientId,
                        rpcTarget: vars.rpcTarget,
                    },
                });

                await web3auth.initModal(); // ✅ Now this will work
                const provider = await web3auth.connect();

But im getting error in the ff:

1. chainNamespace issue
2. initModal is not valid function in web3auth

Can someone help me?

[w3abot]

Thanks for sharing the details, Daniel! You’re migrating from Web3Auth v9 to v10 using the Plug and Play (PnP) Web SDK and want to set a custom RPC, but are running into two main issues:

1. chainNamespace issue
2. initModal is not a valid function in Web3Auth v10

Here’s a breakdown of what’s happening and how you can address it:

1. chainNamespace Issue

• In v10, the SDK has introduced some breaking changes in how you configure chains and RPCs.
• The chains configuration is now passed as an array, and the structure has changed.
• The chainNamespace key is still used, but the way you define the chain and custom RPC is different.

v10 Example for Solana with Custom RPC:

import { Web3Auth } from "@web3auth/modal";
import { CHAIN_NAMESPACES } from "@web3auth/base";

const web3auth = new Web3Auth({
  clientId: vars.clientId,
  web3AuthNetwork: "mainnet",
  chainConfig: {
    chainNamespace: CHAIN_NAMESPACES.SOLANA,
    chainId: "0x1", // Solana mainnet chainId in hex
    rpcTarget: vars.rpcTarget, // Your custom RPC endpoint
  },
});

• Make sure to use the correct chainId for Solana. For Solana, you can use "0x1" as a placeholder, but it’s mostly the chainNamespace and rpcTarget that matter.

2. initModal is Not a Valid Function

• In v10, initModal() has been replaced by init().
• The new initialization flow is:

await web3auth.init();
const provider = await web3auth.connect();

Documentation Reference

• Web3Auth v10 Migration Guide
• Web3Auth PnP Web SDK Quick Start

Summary of Changes for v10

• Use chainConfig instead of chains
• Use init() instead of initModal()

---

Next Steps

• Update your initialization code as shown above.
• Double-check your chainConfig values, especially chainNamespace and rpcTarget.

If you run into any more errors, please share the specific error messages and your updated code snippet. If possible, a screenshot of your console error would also help!

Let me know if this helps or if you have any other questions!

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

[maharshi]

Hey @danieljao
Here’s the doc piece that you made ght be looking for: Add Custom Chains to the Dashboard | Documentation | Web3Auth

[danieljao]

Hi, im trying to do the following

const web3auth = new Web3Auth({
  clientId: vars.clientId,
  web3AuthNetwork: "mainnet",
  chainConfig: {
    chainNamespace: CHAIN_NAMESPACES.SOLANA,
    chainId: "0x1", // Solana mainnet chainId in hex
    rpcTarget: vars.rpcTarget, // Your custom RPC endpoint
  },
});

But im getting this error: Property ‘privateKeyProvider’ is missing in type ‘{ clientId: string; web3AuthNetwork: “sapphire_devnet”; chainConfig: { chainNamespace: “solana”; chainId: string; rpcTarget: string; }; }’ but required in type 'Web3AuthOptions

Also, im trying to join the discord, but im getting invite invalid

[maharshi]

Hey @danieljao
You don’t need to configure any RPC or chains in the code. All of it can be done via the dashboard.
Please join the office hours on Thursday, I can assist you well in setting this up.

Web3Auth Developer Office Hours

Stuck somewhere in the integration? Join the biweekly MetaMask Office Hours & get help from our team. Before following the below steps, make sure your discord username is not a generic one (anything of the format name_{any 6 digits}). If it is, follow these steps to change your username: https://support.discord.com/hc/en-us/articles/213480948-How-do-I-change-my-Username The above step is mandatory to if you username is a generic one. First and Third Thursday every month, 10:00 AM EST Make sur…

[danieljao]

Hi @maharshi thank you for answering my questions in the call yesterday.

updates:

1. I did the npm clear cache and the web3auth/modal did install and no errors in IDE → good sign
2. now when i start the app in dev mode via npm, this is where i got a new error, specifically:

ERROR
codecs_1.getBytesCodec is not a function
./node_modules/@solana/spl-token-metadata/lib/cjs/state.js@http://localhost:3000/static/js/bundle.js:192380:132
options.factory@http://localhost:3000/static/js/bundle.js:534527:30
__webpack_require__@http://localhost:3000/static/js/bundle.js:533877:32
fn@http://localhost:3000/static/js/bundle.js:534143:21
hotRequire@http://localhost:3000/static/js/bundle.js:534510:61
./node_modules/@solana/spl-token-metadata/lib/cjs/index.js@http://localhost:3000/static/js/bundle.js:192186:14
options.factory@http://localhost:3000/static/js/bundle.js:534527:30
__webpack_require__@http://localhost:3000/static/js/bundle.js:533877:32
fn@http://localhost:3000/static/js/bundle.js:534143:21

[maharshi]

This seems like a package mismatch issue, Daniel.

The error is happening because getBytesCodec is missing, which means the version of @solana/codecs installed is likely outdated or missing. You can fix it by running:

npm install @solana/codecs@^1.2.0

Then restart the dev server. Let me know if it still throws errors after that.

Although, it shouldn’t be pulling these packages, we’ll investigate it later, first let’s get it working.

[danieljao]

HI @maharshi i got past that error, after clearing cache. I believe the real error now is:

import_openapi_fetch.default is not a function
Analytics@http://localhost:3000/static/js/bundle.js:29273:54
./node_modules/@metamask/sdk-analytics/dist/index.js@http://localhost:3000/static/js/bundle.js:29317:14
options.factory@http://localhost:3000/static/js/bundle.js:303500:30
__webpack_require__@http://localhost:3000/static/js/bundle.js:302855:32

After tracing, related to @web3auth/no-modal, that imports the @metamask/sdk-analytics.

Here is the trace of the lib openapi

PS  npm list openapi-fetch
gacha-ux@0.1.0 
`-- @web3auth/modal@10.0.2
  `-- @web3auth/no-modal@10.0.6
    `-- @metamask/sdk@0.33.0
      `-- @metamask/sdk-analytics@0.0.5
        `-- openapi-fetch@0.13.8

I hope you can help with this one, the old web3auth, ver9 was not using the metamask sdk, thus no error, but this new one is using it and causing this startup error

[danieljao]

any updates on this one? still not working for me…

[maharshi]

Hey @danieljao
Can you share your package.json, we might need to trim it down as we’re not facing these issues with our examples?

[danieljao]

Hi, here’s my package.json, actually it would install properly, but only get the error when i run the app. https://limewire.com/d/YndXJ#Zy6dPQvoLy

[danieljao]

HI @maharshi just checking if any updates from your side?

[maharshi]

Hey @danieljao
Have you pushed your code to GitHub?
because LimeWire isn’t decrypting the shared file, some issue on their side.

[danieljao]

HI @maharshi can you try accessing it from here:

package.json

sample.zip

[maharshi]

Hey @danieljao
There are a lot of packages which are not needed here.
My best suggestion for you would be to start from scratch building up from the basic solana example we have here.
Please join the office hours happening today for dedicated support: Web3Auth Developer Office Hours

[danieljao]

HI @maharshi i actually tried running the quickstart react solana. and apparently, it had the same error on startup, please see

[maharshi]

Did you switch the client id present already in it?

[danieljao]

i did not switch the client id, i tried the quick start original code. do you want me to try and change the client id ?

[danieljao]

any updates on this one @maharshi