# \[Archive\] Facebook error with Web3auth

**URL:** <https://builder.metamask.io/t/archive-facebook-error-with-web3auth/1208>\
**Category:** Embedded Wallets (Web3Auth)\
**Created:** [September 25, 2024, 3:49pm UTC](https://builder.metamask.io/t/archive-facebook-error-with-web3auth/1208 "2024-09-25T15:49:34Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![dean.dev](https://avatars.discourse-cdn.com/v4/letter/d/f07891/32.png) [@dean.dev](https://builder.metamask.io/u/dean.dev)\
**Post date:** [September 25, 2024, 3:49pm UTC](https://builder.metamask.io/t/archive-facebook-error-with-web3auth/1208/1 "2024-09-25T15:49:34Z")

</div>

> **🏛 Archived Content from Web3Auth Community**
> 
> This topic was originally posted by **dean.dev** on 9/25/2024.  
> This content has been migrated from our previous community forum to preserve valuable discussions.

* * *

I need help as Facebook and Instagram are causing issues for my app

Below is a screenshot of the error which occurs when a user attempts to log in using facebook for Oauth.

- **SDK Version** (package.json): 9.0.2
- **Platform** : Chrome Macbook Pro
- **Browser Console Screenshots** :  

[![Screenshot 2024-09-25 at 16.41.06](https://canada1.discourse-cdn.com/flex011/uploads/metamaskbuilderhub/original/1X/916a8c8817d37bc7b8f9ee097b66d6ce04f01f07.png)
Screenshot 2024-09-25 at 16.41.06597×562 14.6 KB
](https://web3auth.io/community/uploads/default/original/2X/1/187ffeec9a92d3a22ecada5e94b75c71a33bbb96.png "Screenshot 2024-09-25 at 16.41.06")

Web3Auth Initialisation below:

```auto
const web3AuthOptions: Web3AuthOptions = {
  clientId,
  web3AuthNetwork: WEB3AUTH_NETWORK.CYAN,
  uiConfig: {
    uxMode: "",
    appName: " *****",
    appUrl: "https://web3auth.io/",
    theme: {
      primary: "#7ed6df",
    },
    logoLight: "https://web3auth.io/images/web3authlogodark.png",
    logoDark: "https://web3auth.io/images/web3authlogodark.png",
    defaultLanguage: "en", // en, de, ja, ko, zh, es, fr, pt, nl, tr
    mode: "auto", // whether to enable dark mode. defaultValue: auto
    useLogoLoader: true,
  },
  privateKeyProvider,
  sessionTime: 86400, // 1 day
}

```

---

<div class="post-metadata">

**Author:** ![w3abot](https://avatars.discourse-cdn.com/v4/letter/w/4da419/32.png) [@w3abot](https://builder.metamask.io/u/w3abot)\
**Post date:** [September 25, 2024, 3:50pm UTC](https://builder.metamask.io/t/archive-facebook-error-with-web3auth/1208/2 "2024-09-25T15:50:23Z")

</div>

Hi Dean!  
Thank you for reaching out. I see you’re experiencing an issue with Facebook login integration in your app using Web3Auth PnP Web SDK (v9.0.2) on a Chrome Macbook Pro.

The issue needs some more detailed inspection. Here are the key details you’ve provided and a few more pieces of information that could help us troubleshoot the problem effectively:

### Key Details Provided:

1. **SDK Details** : Web3Auth PnP Web SDK
2. **SDK Version** : 9.0.2
3. **Platform** : Chrome on Macbook Pro
4. **Issue** : Facebook login error
5. **Initialization Code** : Provided
6. **Browser Console Screenshot** : Provided

### Missing Information:

1. **Verifier Name** if you’re using a custom authentication provider.
2. **Method of Login** if it’s related to custom authentication.

### Suggested Next Steps:

1. **Verifier Details** :

2. **Method of Login** :

From a preliminary review of your initialization code, a couple of areas might need attention:

- **UX Mode Configuration** :  
Your `uiConfig` has `uxMode` set as an empty string (`""`). You might want to set it to `popup` or `redirect` based on your preferred user flow.

```javascript
const web3AuthOptions: Web3AuthOptions = {
  ...,
  uiConfig: {
    uxMode: "popup" // or "redirect"
  }
}

```

This response was generated by the Web3Auth Bot. A member of our support team will review your query and provide further assistance shortly.

---

<div class="post-metadata">

**Author:** ![maharshi](https://yyz1.discourse-cdn.com/flex011/user_avatar/builder.metamask.io/maharshi/32/1525_2.png) [@maharshi](https://builder.metamask.io/u/maharshi)\
**Post date:** [October 1, 2024, 9:13am UTC](https://builder.metamask.io/t/archive-facebook-error-with-web3auth/1208/3 "2024-10-01T09:13:17Z")

</div>

Hey @dean.dev  
Welcome aboard! As discussed during the Office Hours, please share your console logs and also can you please try once after removing the `extraLoginOptions` parameter ?

---

<div class="post-metadata">

**Author:** ![dean.dev](https://avatars.discourse-cdn.com/v4/letter/d/f07891/32.png) [@dean.dev](https://builder.metamask.io/u/dean.dev)\
**Post date:** [October 2, 2024, 9:38am UTC](https://builder.metamask.io/t/archive-facebook-error-with-web3auth/1208/4 "2024-10-02T09:38:51Z")

</div>

No logs are produced when i select via facebook and removing extraLoginOptions did not fix the issue either

---

<div class="post-metadata">

**Author:** ![JulienD](https://avatars.discourse-cdn.com/v4/letter/j/cdc98d/32.png) [@JulienD](https://builder.metamask.io/u/JulienD)\
**Post date:** [October 4, 2024, 8:55am UTC](https://builder.metamask.io/t/archive-facebook-error-with-web3auth/1208/5 "2024-10-04T08:55:37Z")

</div>

Hey guys ! Any news on this ?

---

<div class="post-metadata">

**Author:** ![dean.dev](https://avatars.discourse-cdn.com/v4/letter/d/f07891/32.png) [@dean.dev](https://builder.metamask.io/u/dean.dev)\
**Post date:** [October 4, 2024, 9:12am UTC](https://builder.metamask.io/t/archive-facebook-error-with-web3auth/1208/6 "2024-10-04T09:12:23Z")

</div>

@maharshi any news on how to resolve it ? as removing extraLoginOptions didnt solve the problem.

---

<div class="post-metadata">

**Author:** ![maharshi](https://yyz1.discourse-cdn.com/flex011/user_avatar/builder.metamask.io/maharshi/32/1525_2.png) [@maharshi](https://builder.metamask.io/u/maharshi)\
**Post date:** [October 8, 2024, 6:48am UTC](https://builder.metamask.io/t/archive-facebook-error-with-web3auth/1208/7 "2024-10-08T06:48:18Z")

</div>

Hey @dean.dev @JulienD,

I have been able to recreate the issue on the `cyan` network, though Facebook login is working fine on `sapphire_devnet`. If this is a blocker for you, I recommend trying with a project on `sapphire_mainnet` or `sapphire_devnet` for now. Meanwhile, I’ll work on getting this resolved for the `cyan` network.

---

<div class="post-metadata">

**Author:** ![dean.dev](https://avatars.discourse-cdn.com/v4/letter/d/f07891/32.png) [@dean.dev](https://builder.metamask.io/u/dean.dev)\
**Post date:** [October 8, 2024, 9:30am UTC](https://builder.metamask.io/t/archive-facebook-error-with-web3auth/1208/8 "2024-10-08T09:30:42Z")

</div>

> [@maharshi](#):
>
> I have been able to recreate the issue on the `cyan` network, though Facebook login is working fine on `sapphire_devnet`. If this is a blocker for you, I recommend trying with a project on `sapphire_mainnet` or `sapphire_devnet` for now. Meanwhile, I’ll work on getting this resolved for the `cyan` network.

Hi, thank you for your response. Unfortunately, we can’t migrate our project to another network. I appreciate your insights, and I was also wondering how long we might expect a resolution with the Cyan network.

---

<div class="post-metadata">

**Author:** ![maharshi](https://yyz1.discourse-cdn.com/flex011/user_avatar/builder.metamask.io/maharshi/32/1525_2.png) [@maharshi](https://builder.metamask.io/u/maharshi)\
**Post date:** [October 10, 2024, 4:27am UTC](https://builder.metamask.io/t/archive-facebook-error-with-web3auth/1208/9 "2024-10-10T04:27:11Z")

</div>

Hey @dean.dev  
Can you please verify once, we have implemented a fix for Facebook login?
