Getting this error and not able to get Private & Public Keys

[waqas.dev.360]

When asking for help in this category, please make sure to provide the following details:

• SDK Version(package.json):
• Platform:
• Browser Console Screenshots:
• If the issue is related to Custom Authentication, please include the following information (optional):
  • Verifier Name:
  • JWKS Endpoint:
  • Sample idToken (JWT):

Also, kindly provide the Web3Auth initialization and login code snippet below. This will help us better understand your issue and provide you with the necessary assistance.

[waqas.dev.360]

here is my code
import { WEB3AUTH_NETWORK } from ‘@web3auth/modal’;

import { Web3AuthProvider } from ‘@web3auth/modal/react’;

const layout = () => {

const web3AuthContextConfig: Web3AuthContextConfig = {
web3AuthOptions: {
clientId,
web3AuthNetwork: WEB3AUTH_NETWORK.SAPPHIRE_MAINNET,
// mfaLevel: ‘none’,
// ssr: true,
},
};

const modalStates = useAppSelector((state) => state.app);

return (

{/* /}
{/ */}
{children}

  {modalStates?.monetiseDataModal && <MonetiseDataModal onClose={() => dispatch(setMonetiseDataModal(false))} />}
  {/* </WagmiProvider> */}
  {/* </WalletServicesProvider> */}
</Web3AuthProvider>

);
};

export default DashboardLayout;

[w3abot]

Thank you for sharing the details and the screenshot, Waqas! I see you’re using the Web3Auth Plug and Play (PnP) Web SDK and are encountering an error that prevents you from retrieving the private and public keys.

To help the support team assist you efficiently, could you please provide the following additional details:

• The exact SDK version you are using (from your package.json, if possible).
• The platform (e.g., browser name/version, OS).
• Your Web3Auth initialization and login code snippet.

Additionally, if you are using custom authentication (such as your own verifier or JWTs), please let us know:

• Verifier name
• JWKS endpoint
• Sample idToken (JWT)

Your screenshot is helpful, but if you could also share the full error message from the browser console, that would be great.

In the meantime, here are some general troubleshooting steps:

1. Double-check your Web3Auth initialization parameters (clientId, network, chainConfig, etc.).
2. Make sure your application domain is whitelisted in the Web3Auth dashboard.
3. If you are using custom authentication, verify that your JWT and JWKS endpoint are correctly configured.

You can also refer to the official documentation for initialization and login examples:

• Web3Auth PnP Web SDK Quick Start

Once you provide the requested details, the support team will be able to guide you further!

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

[waqas.dev.360]

and for connection…

// import { useWeb3Auth } from ‘@web3auth/modal-react-hooks’;
import { useWeb3Auth } from ‘@web3auth/modal/react’;
import Image from ‘next/image’;
import Link from ‘next/link’;
import { usePathname } from ‘next/navigation’;
import { FC, useEffect, useState } from ‘react’;

import { Button } from ‘@/components/shared/buttons/button’;
import ProfileDropdown from ‘@/components/shared/dropdowns/profile-dropdown’;
import { toaster } from ‘@/components/shared/toaster’;
import { Typography } from ‘@/components/shared/typography’;
import { content } from ‘@/constants’;
import { useConnectWallet } from ‘@/hooks/api/patient/useConnectWallet’;
import { useAppSelector } from ‘@/redux/hooks’;
import {
copyAddressToClipboard,
handleGetPrivateKey,
handleGetPublicKey,
handleWalletAddress,
handleWalletBalance,
truncateAddress,
} from ‘@/utils/web3-auth-helpers’;
import MobileHeader from ‘…/mobile-header’;

const MainHeader: FC = () => {
const pathname = usePathname();
const [showInfo, setShowInfo] = useState(false);

const showMobileHeader = useAppSelector((state) => state.app.showMobileHeader);
const userData = useAppSelector((state) => state.auth.user);

// —

const [walletAddress, setWalletAddress] = useState<string | null>(null);
const [walletBalance, setWalletBalance] = useState<string | null>(null);
const [walletPublicKey, setWalletPublicKey] = useState<string | null>(null);

const { web3Auth, provider, isConnected, status } = useWeb3Auth();
const { mutate } = useConnectWallet();

const getWalletAddress = async () => {
const walletAddress = await handleWalletAddress(provider);
setWalletAddress(walletAddress ?? null);
return walletAddress ?? null;
};

const getPublicKey = async () => {
const publicKey = await handleGetPublicKey(provider);
setWalletPublicKey(publicKey ?? null);
return publicKey ?? null;
};

const getWalletBalance = async () => {
const balanceInEth = await handleWalletBalance(provider, walletAddress);
setWalletBalance(balanceInEth ?? null);
};

useEffect(() => {
if (isConnected) {
if (
walletAddress &&
walletPublicKey &&
walletBalance &&
userData?.walletAddress === ‘’ &&
userData?.walletPublicKey === ‘’
) {
mutate({
publicKey: walletPublicKey,
walletAddress,
});
} else {
getWalletAddress();
getPublicKey();
getWalletBalance();
}
}

// eslint-disable-next-line react-hooks/exhaustive-deps

}, [
isConnected,
walletAddress,
walletPublicKey,
walletBalance,
provider,
userData?.walletAddress,
userData?.walletPublicKey,
]);

const handleConnect = async () => {
try {
if (!isConnected) {
await web3Auth?.connect();
toaster(‘Wallet connected’, ‘success’);
} else {
copyAddressToClipboard(walletAddress || ‘’);
await web3Auth?.logout();
setWalletAddress(null);
}
} catch (error: any) {
if (error?.message?.toLowerCase().includes(‘user closed’)) {
toaster(‘Wallet connection cancelled by user’, ‘error’);
} else {
console.error(‘Wallet Connection error:’, error);
}
}
};

return (

{showMobileHeader && (

)}

<Image alt=“logo” src={‘/assets/images/simple-layout-logo.svg’} height={350} width={350} />

{content?.mainHeaderLinks.map((item, index) => (

<Typography
size=“md”
as=“p”
className={font-semibold hover:text-light-blue ${pathname === item.href ? 'text-light-blue !font-bold' : 'text-dark-blue'}}
>
{item.href === ‘/my-otr’ ? (
<>
my OTR
</>
) : item.href === ‘/earn-from-my-otr’ ? (
<>
Earn From my OTR
</>
) : (
item.label
)}


))}

{status !== ‘ready’ && walletBalance === null ? (

) : status === ‘connected’ && walletBalance !== null ? (

POL: {walletBalance}

) : (

)}

<Button
onClick={handleConnect}
type=“button”
variant=“solid”
className={max-w-[130px] !rounded-lg text-nowrap !font-normal !text-md !w-fit !px-6 !py-3 ${!isConnected ? 'xs:!px-6 xl:!px-6' : 'lg:!px-3 xl:!px-6'}}
>
{isConnected ? truncateAddress(walletAddress) : ‘Connect Wallet’}

{false && (

<button
className=“cursor-pointer px-2 py-1 rounded-md border border-gray-300 hover:bg-gray-100 transition”
onClick={() => handleGetPrivateKey(provider)}
>
Private Key

<button
className=“cursor-pointer px-2 py-1 rounded-md border border-gray-300 hover:bg-gray-100 transition”
onClick={() => handleGetPublicKey(provider)}
>
Public Key

)}

);
};

export default MainHeader;

[maharshi]

Hey @waqas.dev.360
is this still an issue with v10.0.3. We have fixed this in a minor release. Please check and let me know.

[waqas.dev.360]

Ok i will check this and will inform you.