# \[Archive\] Facebook error when trying to sign in

**URL:** <https://builder.metamask.io/t/archive-facebook-error-when-trying-to-sign-in/1237>\
**Category:** Embedded Wallets (Web3Auth)\
**Created:** [September 14, 2024, 10:00am UTC](https://builder.metamask.io/t/archive-facebook-error-when-trying-to-sign-in/1237 "2024-09-14T10:00:07Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Romain](https://yyz1.discourse-cdn.com/flex011/user_avatar/builder.metamask.io/romain/32/71_2.png) [@Romain](https://builder.metamask.io/u/Romain)\
**Post date:** [September 14, 2024, 10:00am UTC](https://builder.metamask.io/t/archive-facebook-error-when-trying-to-sign-in/1237/1 "2024-09-14T10:00:07Z")

</div>

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

* * *

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

SDK Version:  
“@web3auth/base”: “^7.3.1”,  
“@web3auth/modal”: “^7.3.2”,  
“@web3auth/no-modal”: “^8.0.1”,  
“@web3auth/openlogin-adapter”: “^8.0.1”,

Platform: Vue3  
Do I use Custom Authentication ? No

Hello, when I’m trying to activate Facebook login I have this error page on Facebook.

[![Capture d’écran 2024-09-14 à 11.49.30](https://canada1.discourse-cdn.com/flex011/uploads/metamaskbuilderhub/original/1X/a1ddb54123b09b09c989f6468d1d08a8f42deb6f.png)
Capture d’écran 2024-09-14 à 11.49.301228×1210 31.5 KB
](https://web3auth.io/community/uploads/default/original/2X/9/9f336eaf9e5f9f939f26cd4cbbc0ae84d3f6b461.png "Capture d’écran 2024-09-14 à 11.49.30")

I’m not using any custom authenticator.  
Thank you very much for you help

```auto
    const openloginAdapter = new OpenloginAdapter({
      privateKeyProvider: privateKeyProvider,
      adapterSettings: {
        network: web3Network as "mainnet" | "testnet",
        uxMode: "redirect",
        whiteLabel: {
          appName: " ****",
          defaultLanguage: "en",
          logoLight: "https://assets. ***.*** /logo- **** -white.svg",
          logoDark: "https://assets. ****.io/logo-*** -dark.svg",
          useLogoLoader: true,
        },
        clientId,
      },
    });
    this.web3auth.configureAdapter(openloginAdapter);

```

```auto
this.web3auth.connectTo(WALLET_ADAPTERS.OPENLOGIN, {
      loginProvider: "facebook",
      mfaLevel: "none",
      redirectUrl: `${document.location.origin}`,
    });

```

---

<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 14, 2024, 10:02am UTC](https://builder.metamask.io/t/archive-facebook-error-when-trying-to-sign-in/1237/2 "2024-09-14T10:02:18Z")

</div>

Hi Romain,

Thanks for reaching out and providing detailed information. Let’s summarize what we have:

### Details

- **SDK** : PnP Web SDK
- **SDK Versions** :
  - `@web3auth/base: ^7.3.1`
  - `@web3auth/modal: ^7.3.2`
  - `@web3auth/no-modal: ^8.0.1`
  - `@web3auth/openlogin-adapter: ^8.0.1`

- **Platform** : Vue3
- **Custom Authentication** : No

### Issue

You’re encountering an error when trying to activate Facebook login. The error page is shown on Facebook, suggesting that there might be an issue with the configuration of the Facebook app or the Web3Auth setup for Facebook login.

### Provided Code Snippets

#### Initialization Code

```javascript
const openloginAdapter = new OpenloginAdapter({
  privateKeyProvider: privateKeyProvider,
  adapterSettings: {
    network: web3Network as "mainnet" | "testnet",
    uxMode: "redirect",
    whiteLabel: {
      appName: "Fungiball",
      defaultLanguage: "en",
      logoLight: "https://assets. ***.*** /logo- **** -white.svg",
      logoDark: "https://assets. ****.io/logo-*** -dark.svg",
      useLogoLoader: true,
    },
    clientId,
  },
});
this.web3auth.configureAdapter(openloginAdapter);

```

#### Login Code

```javascript
this.web3auth.connectTo(WALLET_ADAPTERS.OPENLOGIN, {
  loginProvider: "facebook",
  mfaLevel: "none",
  redirectUrl: `${document.location.origin}`,
});

```

### Screenshot

You provided a screenshot, but it seems the image failed to upload correctly.

### Possible Solution

This might be a configuration issue with the Facebook app or the redirected URL not being correctly set up. Please verify:

1. Make sure your Facebook app’s OAuth settings allow the redirect URL you are using.
2. Check if the `clientId` and other configuration parameters are correctly set.
3. Ensure that Facebook login is enabled in the Web3Auth dashboard.

If everything seems fine, could you provide a working screenshot of the Facebook error page? It might help to pinpoint the issues more effectively.

This response was generated by the Web3Auth Bot, and a person from the Web3Auth team will come and give an answer to your query as well.

---

<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:** [September 18, 2024, 10:53am UTC](https://builder.metamask.io/t/archive-facebook-error-when-trying-to-sign-in/1237/3 "2024-09-18T10:53:49Z")

</div>

Hey @Romain ,

Could you please share the logs when this issue occurs? You can use a browser extension like [Jam.dev](https://jam.dev) to record the session, including network calls and console logs, and then share the recording. This will help us better understand the issue.