[Archive] How To Turn Off Sentry / Random Logging?

Embedded Wallets (Web3Auth)
1

:classical_building: Archived Content from Web3Auth Community

This topic was originally posted by githubdiscussions on 11/11/2022.
This content has been migrated from our previous community forum to preserve valuable discussions.

I noticed a bunch of logs started showing up in the console after installing web3auth in my project (eg. all the ones starting in 'registering'...), even though I haven't enabled them anywhere. How do I disable them? They are shown below, as well as the init code for web3auth. I currently am running react 18 + esbuild on my local machine, with the following packages installed:

    "@solana/web3.js": "^1.66.2",
    "@web3auth/base": "^3.0.4",
    "@web3auth/modal": "^3.0.4",
    "@web3auth/openlogin-adapter": "^3.0.4",
    "@web3auth/solana-provider": "^3.0.4",

Screen Shot 2022-11-10 at 6 19 03 PM

<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import { useEffect, useState } from 'react' import { Web3Auth } from '@web3auth/modal' import { CHAIN_NAMESPACES, LoginMethodConfig, SafeEventEmitterProvider, WALLET_ADAPTERS, } from '@web3auth/base' import { OpenloginAdapter } from '@web3auth/openlogin-adapter' import SolanaRPC from '@/chain/solanaRPC'

const clientId =
‘redacted’

export const useWeb3Auth = () => {
const [web3Auth, setWeb3Auth] = useState<Web3Auth | null>(null)
const [solanaRPC, setSolanaRPC] = useState<SolanaRPC|null>(null)
const [provider, setProvider] = useState<SafeEventEmitterProvider | null>(
null
)

useEffect(() =&gt; {
    const init = async () =&gt; {

    try {
        const web3auth = new Web3Auth({
            clientId,
            chainConfig: {
                chainNamespace: CHAIN_NAMESPACES.SOLANA,
                chainId: '0x3', // Please use 0x1 for Mainnet, 0x2 for Testnet, 0x3 for Devnet
                rpcTarget: 'https://api.devnet.solana.com', // This is the public RPC we have added, please pass on your own endpoint while creating an app
            },
            uiConfig: {
                theme: 'dark',
                loginMethodsOrder: ['twitter'],
                appLogo:
                    'https://web3auth.io/community/images/w3a-L-Favicon-1.svg', // Your App Logo Here
            },
        })

        const openloginAdapter = new OpenloginAdapter({
            adapterSettings: {
                clientId,
                network: 'testnet',
                uxMode: 'popup',
                whiteLabel: {
                    name: 'Your app Name',
                    logoLight:
                        'https://web3auth.io/community/images/w3a-L-Favicon-1.svg',
                    logoDark:
                        'https://web3auth.io/community/images/w3a-D-Favicon-1.svg',
                    defaultLanguage: 'en',
                    dark: true, // whether to enable dark mode. defaultValue: false
                },
                loginConfig: {
                    email: {
                        name: 'Custom Auth Login',
                        verifier: 'YOUR_FACEBOOK_VERIFIER_NAME', // Please create a verifier on the developer dashboard and pass the name here
                        typeOfLogin: 'email_password', // Pass on the login provider of the verifier you've created
                        clientId: 'FACEBOOK_CLIENT_ID_1234567890', // Pass on the clientId
                    },
                },
            },
        })
        web3auth.configureAdapter(openloginAdapter)
        setWeb3Auth(web3auth)

        await web3auth.initModal({
            modalConfig: {
                [WALLET_ADAPTERS.OPENLOGIN]: {
                    label: 'openlogin',
                    // setting it to false will hide all social login methods from modal.
                    showOnModal: true,
                    loginMethods: getLoginMethodsConfig()
                },
                [WALLET_ADAPTERS.TORUS_SOLANA]: {
                    label: 'torus',
                    showOnModal: false,
                },
                [WALLET_ADAPTERS.PHANTOM]: {
                    label: 'phantom',
                    showOnModal: true,
                },
            },
        })
        if (web3auth.provider) {
            setProvider(web3auth.provider)
            setSolanaRPC(new SolanaRPC(web3auth.provider))
        }
    } catch (error) {
        console.error(error)
    }
}

init()



}, )


return { web3Auth, provider, solanaRPC }

}

/** Currently all socials disabled */
const getLoginMethodsConfig = () => {
const loginMethods = [
‘google’,
‘facebook’,
‘twitter’,
‘reddit’,
‘discord’,
‘twitch’,
‘apple’,
‘line’,
‘github’,
‘kakao’,
‘linkedin’,
‘weibo’,
‘wechat’,
‘email_passwordless’
] as const

const disabledLoginMethodsParam: LoginMethodConfig = {};
loginMethods.forEach(method =&gt; disabledLoginMethodsParam[method] = { name: `${method} login`, showOnModal: false})

return disabledLoginMethodsParam

}
">

import { useEffect, useState } from ‘react’

import { Web3Auth } from ‘@web3auth/modal’

import {

CHAIN_NAMESPACES,

LoginMethodConfig,

SafeEventEmitterProvider,

WALLET_ADAPTERS,

} from ‘@web3auth/base’

import { OpenloginAdapter } from ‘@web3auth/openlogin-adapter’

import SolanaRPC from ‘@/chain/solanaRPC’


const clientId =

‘redacted’


export const useWeb3Auth = () => {

const [web3Auth, setWeb3Auth] = useState<Web3Auth | null>(null)

const [solanaRPC, setSolanaRPC] = useState<SolanaRPC|null>(null)

const [provider, setProvider] = useState<SafeEventEmitterProvider | null>(

null

)


useEffect(() =&gt; {
    const init = async () =&gt; {

    try {
        const web3auth = new Web3Auth({
            clientId,
            chainConfig: {
                chainNamespace: CHAIN_NAMESPACES.SOLANA,
                chainId: '0x3', // Please use 0x1 for Mainnet, 0x2 for Testnet, 0x3 for Devnet
                rpcTarget: 'https://api.devnet.solana.com', // This is the public RPC we have added, please pass on your own endpoint while creating an app
            },
            uiConfig: {
                theme: 'dark',
                loginMethodsOrder: ['twitter'],
                appLogo:
                    'https://web3auth.io/community/images/w3a-L-Favicon-1.svg', // Your App Logo Here
            },
        })

        const openloginAdapter = new OpenloginAdapter({
            adapterSettings: {
                clientId,
                network: 'testnet',
                uxMode: 'popup',
                whiteLabel: {
                    name: 'Your app Name',
                    logoLight:
                        'https://web3auth.io/community/images/w3a-L-Favicon-1.svg',
                    logoDark:
                        'https://web3auth.io/community/images/w3a-D-Favicon-1.svg',
                    defaultLanguage: 'en',
                    dark: true, // whether to enable dark mode. defaultValue: false
                },
                loginConfig: {
                    email: {
                        name: 'Custom Auth Login',
                        verifier: 'YOUR_FACEBOOK_VERIFIER_NAME', // Please create a verifier on the developer dashboard and pass the name here
                        typeOfLogin: 'email_password', // Pass on the login provider of the verifier you've created
                        clientId: 'FACEBOOK_CLIENT_ID_1234567890', // Pass on the clientId
                    },
                },
            },
        })
        web3auth.configureAdapter(openloginAdapter)
        setWeb3Auth(web3auth)

        await web3auth.initModal({
            modalConfig: {
                [WALLET_ADAPTERS.OPENLOGIN]: {
                    label: 'openlogin',
                    // setting it to false will hide all social login methods from modal.
                    showOnModal: true,
                    loginMethods: getLoginMethodsConfig()
                },
                [WALLET_ADAPTERS.TORUS_SOLANA]: {
                    label: 'torus',
                    showOnModal: false,
                },
                [WALLET_ADAPTERS.PHANTOM]: {
                    label: 'phantom',
                    showOnModal: true,
                },
            },
        })
        if (web3auth.provider) {
            setProvider(web3auth.provider)
            setSolanaRPC(new SolanaRPC(web3auth.provider))
        }
    } catch (error) {
        console.error(error)
    }
}

init()



}, )


return { web3Auth, provider, solanaRPC }




}


/** Currently all socials disabled */

const getLoginMethodsConfig = () => {

const loginMethods = [

‘google’,

‘facebook’,

‘twitter’,

‘reddit’,

‘discord’,

‘twitch’,

‘apple’,

‘line’,

‘github’,

‘kakao’,

‘linkedin’,

‘weibo’,

‘wechat’,

‘email_passwordless’

] as const


const disabledLoginMethodsParam: LoginMethodConfig = {};
loginMethods.forEach(method =&gt; disabledLoginMethodsParam[method] = { name: `${method} login`, showOnModal: false})

return disabledLoginMethodsParam




}


Originally posted by: cvega21

Check the discussion at: https://github.com/orgs/Web3Auth/discussions/857

2

These logs are coming from a different domain i.e app.openlogin.com, we will add a param in sdk such that you can disable it.
Thanks for reporting this.



Originally posted by: himanshuchawla009
3

This is fixed now.