Hello! Our app is launched inside an in-app browser (Telegram). Web3auth works great in Telegram app, both desktop and mobile, but Telegram Web version opens it in an iframe, and web3auth throws Refused to display 'https://auth.web3auth.io/' in a frame because it set 'X-Frame-Options' to 'deny' error. Is there any way we can make it work?
When asking for help in this category, please make sure to provide the following details:
-
SDK Version: 8.3.0
-
Platform: bot on Telegram
-
Browser Console Screenshots:
-
If the issue is related to Custom Authentication, please include the following information (optional):
- Verifier Name: wallet-custom-test
- Sub Verifier Name: wallet-custom-test-sub
- JWKS Endpoint: https://collie-coherent-gratefully.ngrok-free.app/jwks.json
- 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.
const web3auth = new Web3AuthNoModal({
clientId: env.WEB3AUTH_CLIENT_ID,
web3AuthNetwork: env.WEB3AUTH_NETWORK,
privateKeyProvider,
uiConfig: {
appName: env.WEB3AUTH_UI_APP_NAME,
mode: "auto",
useLogoLoader: true,
logoLight: env.WEB3AUTH_UI_LOGO_LIGHT,
logoDark: env.WEB3AUTH_UI_LOGO_DARK,
defaultLanguage: "en",
theme: {
primary: env.WEB3AUTH_UI_THEME_PRIMARY,
},
},
});
const openloginAdapter = new OpenloginAdapter({
adapterSettings: {
uxMode: "redirect",
replaceUrlOnRedirect: false,
loginConfig: {
jwt: {
typeOfLogin: "jwt",
clientId: env.WEB3AUTH_CLIENT_ID,
verifier: env.WEB3AUTH_VERIFIER_ID,
verifierSubIdentifier: env.WEB3AUTH_VERIFIER_SUB_ID,
},
},
sessionTime: 604800,
whiteLabel: {
appName: env.WEB3AUTH_UI_APP_NAME,
},
},
privateKeyProvider,
} satisfies OpenloginAdapterOptions);
web3auth.configureAdapter(openloginAdapter);