walletWallet adapter is not ready yet

[polartar]

I am using web3auth core.
After logout and try to login again, it shows the below error. If I refresh the page, it's working.
For logout, I am using web3auth.logout()

[himanshuchawla009]

can you attach your code snippet to reproduce the issue.

[polartar]

const openloginAdapter = new OpenloginAdapter({
		adapterSettings: {
			network: 'testnet',
			clientId,
			uxMode: 'popup',
			loginConfig: {
				google: {
					name: 'Custom Login',
					verifier: 'web3auth-test-me',
					typeOfLogin: 'jwt',
					clientId: process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID
				}
			}
		},
		loginSettings: {
			mfaLevel: 'none'
		}
	});

	web3auth.configureAdapter(openloginAdapter);
        
        const web3authProvider = await web3auth.connectTo(WALLET_ADAPTERS.OPENLOGIN, {
		relogin: true,

		loginProvider: 'google'
	});

[yashovardhan]

This is the openlogin adapter code, we need code related to the initialization of your web3auth. Ideally, share everything here; that will be best for us to debug.

Also, relogin: true is not needed

[yashovardhan]

As mentioned in #317, you need to use the initModal() without any arguments. Using openlogin adapter doesn't mean you don't need to use initModal. Initialisation is an important step, the absence of which is causing this error.

[polartar]

import { useContext, useEffect } from 'react';
import { useSetRecoilState } from 'recoil';
import { CHAIN_NAMESPACES, WALLET_ADAPTERS } from '@web3auth/base';
import { generateAppPubKey } from 'lib/crypto';
import { shouldLoginState, loginTokenState } from 'lib/states';
import { AppContext } from 'pages/_app';
import contractInstance from 'lib/crypto/contract';
import { Web3AuthCore } from '@web3auth/core';
import { OpenloginAdapter } from '@web3auth/openlogin-adapter';
import { ADAPTER_EVENTS } from '@web3auth/base';

const clientId = process.env.NEXT_PUBLIC_WEB3AUTH_CLIENT_ID || '';

export function initializeWeb3Auth() {
	const web3auth = new Web3AuthCore({
		chainConfig: {
			chainNamespace: CHAIN_NAMESPACES.EIP155, // SOLANA, OTHER
			chainId: '0x03'
		}
	});
	return web3auth;
}

export async function initWeb3AuthModal(web3auth: any) {
	const adapter = new OpenloginAdapter({
		adapterSettings: {
			network: 'testnet',
			clientId,
			uxMode: 'popup',
			loginConfig: {
				jwt: {
					name: 'Custom Login',
					verifier: 'web3auth-test-me',
					typeOfLogin: 'jwt',
					clientId: process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID
				}
			}
		},
		loginSettings: {
			mfaLevel: 'none'
		}
	});
	web3auth.configureAdapter(adapter);
	await web3auth.init();
}

async function requestPrivateKey(web3authProvider) {
	const privKey = await web3authProvider.request({
		method: 'eth_private_key'
	});
	return privKey;
}

export default function Web3Auth() {
	const setShouldLoginState = useSetRecoilState(shouldLoginState);
	const setLoginTokenState = useSetRecoilState(loginTokenState);
	const [app, setApp] = useContext(AppContext);
	const subscribeAuthEvents = (web3auth: Web3AuthCore) => {
		// Can subscribe to all ADAPTER_EVENTS and LOGIN_MODAL_EVENTS
		web3auth.on(ADAPTER_EVENTS.CONNECTED, async (data: unknown) => {
			if (!sessionStorage.getItem('app')) {
				sessionStorage.setItem('app', 'SPA');
			}

			const web3authProvider = web3auth.provider;
			contractInstance.convertToEthersProvider(web3authProvider);

			const user = await web3auth.getUserInfo();

			const privKey = await requestPrivateKey(web3authProvider);
			const appPubKey = generateAppPubKey(privKey);
			contractInstance.setEthersWallet(privKey);

			// TODO setting state to recoil throws ERROR. Need to debug

			setApp({
				...app,
				web3auth: web3auth
			});

			if (appPubKey && user.idToken) {
				setShouldLoginState(true);
				setLoginTokenState({
					appPubKey: appPubKey,
					idToken: user.idToken
				});
			}
		});

		web3auth.on(ADAPTER_EVENTS.CONNECTING, () => {
			console.log('connecting');
		});

		web3auth.on(ADAPTER_EVENTS.DISCONNECTED, () => {
			console.log('disconnected');
		});

		web3auth.on(ADAPTER_EVENTS.ERRORED, (error) => {
			console.error('some error or user has cancelled login request', error);
		});
	};

	const init = async () => {
		try {
			if (!sessionStorage.getItem('app')) {
				const web3auth = initializeWeb3Auth();
				subscribeAuthEvents(web3auth);
				await initWeb3AuthModal(web3auth);

				await web3auth.connectTo(WALLET_ADAPTERS.OPENLOGIN, {
					relogin: true,
					loginProvider: 'google'
					// extraLoginOptions: {
					// 	domain: process.env.NEXT_PUBLIC_AUTH0_DOMAIN,
					// 	verifierIdField: 'sub'
					// },
				});
			}
		} catch (error) {
			console.error('Login Error', error);
		}
	};

	return (
		<div className="h-full bg-gray-100 flex items-center justify-center">
			<div className="">
				<div className="mx-auto w-full max-w-6xl text-center">
					<button
						className="btn btn-purple"
						onClick={init}
					>
						Login
					</button>
				</div>
			</div>
		</div>
	);
}

[polartar]

Logout is simple

const web3Logout = async () => {
		const web3auth = app.web3auth;
		await web3auth?.logout();
	};

[himanshuchawla009]

seems like the copy of web3auth instances used in login and logout are different. Can you plz verify that?

[polartar]

They are same. I store it using context api when login

[polartar]

@himanshuchawla009 @yashovardhan Any updates for this?

[yashovardhan]

Hey @talentdev2020 is your issue resolved?