When I try to connect with WalletConnect v2 adapter, I get the error Wallet connect v2 adapter error while connecting Error: Proposal expired and nothing happens. Can you please help me with a solution?
const web3auth = new Web3AuthNoModal({
clientId: process.env.NEXT_PUBLIC_WEB3AUTH_CLIENT_ID || '',
chainConfig: {
chainNamespace: CHAIN_NAMESPACES.EIP155,
chainId: network.chainId,
rpcTarget: network.rpcUrls[0],
},
web3AuthNetwork: 'testnet',
});
const privateKeyProvider = new EthereumPrivateKeyProvider({
config: {
chainConfig: {
chainId: network.chainId,
rpcTarget: network.rpcUrls[0],
displayName: network.chainName,
blockExplorer: network.blockExplorerUrls[0],
ticker: network.nativeCurrency.symbol,
tickerName: network.nativeCurrency.name,
},
},
});
const openloginAdapter = new OpenloginAdapter({
loginSettings: {
mfaLevel: 'default',
},
adapterSettings: {
uxMode: 'redirect',
whiteLabel: {
name: 'Name',
url: 'https://www.sitedomain.com',
logoLight: `${process.env.NEXT_PUBLIC_SITE_URL}/community/images/logo-white.svg`,
logoDark: `${process.env.NEXT_PUBLIC_SITE_URL}/community/images/logo-black.svg`,
defaultLanguage: 'ja',
dark: true,
theme: {
primary: '#2F9AD1',
},
},
loginConfig: {
google: {
verifier: process.env.NEXT_PUBLIC_WEB3AUTH_GOOGLE_VERIFIER_NAME || '',
typeOfLogin: 'google',
clientId: process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID,
},
facebook: {
verifier: process.env.NEXT_PUBLIC_WEB3AUTH_FACEBOOK_VERIFIER_NAME || '',
typeOfLogin: 'facebook',
clientId: process.env.NEXT_PUBLIC_FACEBOOK_CLIENT_ID,
},
},
},
privateKeyProvider,
});
web3auth.configureAdapter(openloginAdapter);
const metamaskAdapter = new MetamaskAdapter();
web3auth.configureAdapter(metamaskAdapter);
const coinbaseAdapter = new CoinbaseAdapter();
web3auth.configureAdapter(coinbaseAdapter);
getWalletConnectV2Settings(
'eip155',
[80001],
process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID || ''
).then((defaultWcSettings) => {
const walletConnectV2Adapter = new WalletConnectV2Adapter({
adapterSettings: {
...defaultWcSettings.adapterSettings,
},
loginSettings: { ...defaultWcSettings.loginSettings },
});
web3auth.configureAdapter(walletConnectV2Adapter); // WalletInitializationError occurs here
web3auth.init();
});
const loginWithWalletConnect = async () => {
if (!web3auth) {
return;
}
await web3auth
.connectTo(WALLET_ADAPTERS.WALLET_CONNECT_V2)
.then((web3authProvider) => {
//
})
.catch((e: Error) => {
console.error(e.message);
});
};
“@web3auth/base”: “^6.1.1”,
“@web3auth/coinbase-adapter”: “^6.1.1”,
“@web3auth/ethereum-provider”: “^6.1.1”,
“@web3auth/metamask-adapter”: “^6.1.1”,
“@web3auth/no-modal”: “^6.1.1”,
“@web3auth/openlogin-adapter”: “^6.1.1”,
“@web3auth/wallet-connect-v2-adapter”: “^6.1.1”,