Google or X social login is not working

Help - Plug n Play PnP Web SDKs
1

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

  • SDK Version(package.json): “@web3auth/base”: “^8.8.0”,
    “@web3auth/ethereum-provider”: “^8.10.2”,
    “@web3auth/metamask-adapter”: “^8.12.2”,
    “@web3auth/modal”: “^8.10.2”,
    “@web3auth/no-modal”: “^8.10.2”,
    “@web3auth/openlogin-adapter”: “^8.8.0”,

  • Platform:

  • Browser Console Screenshots:
    image

  • If the issue is related to Custom Authentication, please include the following information (optional):

Failed to connect with openlogin provider JsonRpcError: Non-200 status code: ‘500’
at getJsonRpcError (openloginJrpc.esm.js:636:10)
at Object.internal (openloginJrpc.esm.js:685:20)
at provider.sendAsync (openloginJrpc.esm.js:1479:23)
at async provider.request (openloginJrpc.esm.js:1500:17)
at async TransactionFormatter.getEIP1559Compatibility (ethereumProvider.esm.js:777:25)
at async TransactionFormatter.init (ethereumProvider.esm.js:607:32)
at async EthereumPrivateKeyProvider.setupProvider (ethereumProvider.esm.js:1148:5)
at async OpenloginAdapter.connectWithProvider (openloginAdapter.esm.js:280:7)
at async OpenloginAdapter.connect (openloginAdapter.esm.js:137:7)
at async Web3AuthNoModal.connectTo (noModal.esm.js:211:22)
console.error @ hydration-error-info.js:71
window.console.error @ setup-hydration-warning.js:23
connect @ openloginAdapter.esm.js:140
await in connect
connectTo @ noModal.esm.js:211
eval @ Web3ModalProvider.tsx:231
step @ tslib.es6.mjs:182
eval @ tslib.es6.mjs:163
asyncGeneratorStep @ _async_to_generator.js:8
_next @ _async_to_generator.js:25
eval @ _async_to_generator.js:32
eval @ _async_to_generator.js:21
eval @ Web3ModalProvider.tsx:192
eval @ MainFrame.tsx:116
step @ tslib.es6.mjs:182
eval @ tslib.es6.mjs:163
asyncGeneratorStep @ _async_to_generator.js:8
_next @ _async_to_generator.js:25
Promise.then
asyncGeneratorStep @ _async_to_generator.js:15
_next @ _async_to_generator.js:25
eval @ _async_to_generator.js:32
eval @ _async_to_generator.js:21
attemptConnection @ MainFrame.tsx:91
eval @ MainFrame.tsx:139
step @ tslib.es6.mjs:182
eval @ tslib.es6.mjs:163
asyncGeneratorStep @ _async_to_generator.js:8
_next @ _async_to_generator.js:25
eval @ _async_to_generator.js:32
eval @ _async_to_generator.js:21
eval @ MainFrame.tsx:85
onClick @ MainFrame.tsx:425
callCallback @ react-dom.development.js:4164
invokeGuardedCallbackDev @ react-dom.development.js:4213
invokeGuardedCallback @ react-dom.development.js:4277
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4291
executeDispatch @ react-dom.development.js:9041
processDispatchQueueItemsInOrder @ react-dom.development.js:9073
processDispatchQueue @ react-dom.development.js:9086
dispatchEventsForPlugins @ react-dom.development.js:9097
eval @ react-dom.development.js:9288
batchedUpdates$1 @ react-dom.development.js:26174
batchedUpdates @ react-dom.development.js:3991
dispatchEventForPluginEventSystem @ react-dom.development.js:9287
dispatchEventWithEnableCapturePhaseSelectiveHydrationWithoutDiscreteEventReplay @ react-dom.development.js:6465
dispatchEvent @ react-dom.development.js:6457
dispatchDiscreteEvent @ react-dom.development.js:6430
Show 39 more frames
Show less
Web3ModalProvider.tsx:274 Error connecting wallet: WalletLoginError: Failed to connect with wallet. Failed to login with openlogin
at WalletLoginError.fromCode (base.esm.js:196:12)
at WalletLoginError.connectionError (base.esm.js:199:29)
at OpenloginAdapter.connect (openloginAdapter.esm.js:149:74)
at async Web3AuthNoModal.connectTo (noModal.esm.js:211:22)Caused by: JsonRpcError: Non-200 status code: ‘500’
at getJsonRpcError (openloginJrpc.esm.js:636:10)
at Object.internal (openloginJrpc.esm.js:685:20)
at provider.sendAsync (openloginJrpc.esm.js:1479:23)
at async provider.request (openloginJrpc.esm.js:1500:17)
at async TransactionFormatter.getEIP1559Compatibility (ethereumProvider.esm.js:777:25)
at async TransactionFormatter.init (ethereumProvider.esm.js:607:32)
at async EthereumPrivateKeyProvider.setupProvider (ethereumProvider.esm.js:1148:5)
at async OpenloginAdapter.connectWithProvider (openloginAdapter.esm.js:280:7)
at async OpenloginAdapter.connect (openloginAdapter.esm.js:137:7)
at async Web3AuthNoModal.connectTo (noModal.esm.js:211:22)

  • 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.

2

Hi there! Thank you for reaching out regarding the issue with Google or X social login not working. I see that you’re using the PnP Web SDK and have provided quite a bit of information, which is great!

Here’s a summary of the details for our support team:

SDK Details

  • SDK: PnP Web SDK
  • Versions:
    • @web3auth/base: ^8.8.0
    • @web3auth/ethereum-provider: ^8.10.2
    • @web3auth/metamask-adapter: ^8.12.2
    • @web3auth/modal: ^8.10.2
    • @web3auth/no-modal: ^8.10.2
    • @web3auth/openlogin-adapter: ^8.8.0

Issue Details

  • Error: Failed to connect with openlogin provider
  • Error Code: JsonRpcError: Non-200 status code: ‘500’
  • Browser Console Screenshot: image

Additional Information

  • Verifier Name: [Not provided]
  • JWKS Endpoint: [Not provided]
  • Sample idToken (JWT): [Not provided]

Code Snippet

  • Please include the Web3Auth initialization and login code snippet, which you haven’t provided yet. This will be essential for us to diagnose the issue properly.

Once you provide the code snippet, the support team will have all the necessary information to assist you effectively. Let me know if you need help with anything else!

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.

3

Hey @gawasram, please use the latest SDK and provide the initialization and login code.