bug: MISSING_OR_INVALID_NONCE : Duplicate credential received. Please try again with a new credential.

Plugin(s):

• “@capacitor-firebase/authentication”: “0.3.1”,
• “@capacitor-firebase/messaging”: “0.3.1”,

Platform(s):

iOS

Current behavior:

When I attempt to login using “Sign in with Apple” on an iOS device, the authentication process fails with the following error returned from https://identitytoolkit.googleapis.com/v1/accounts:signInWithIdp?key=xxx:

{
  "error": {
    "code": 400,
    "message": "MISSING_OR_INVALID_NONCE : Duplicate credential received. Please try again with a new credential.",
    "errors": [
      {
        "message": "MISSING_OR_INVALID_NONCE : Duplicate credential received. Please try again with a new credential.",
        "domain": "global",
        "reason": "invalid"
      }
    ]
  }
}

Expected behavior:

Expect the login process to complete successfully, as it currently does on Android / web.

Steps to reproduce:

1. Click “Sign in with Apple”
2. Authorize the sign in request
3. Wait for response

Related code:

import { FirebaseAuthentication } from '@capacitor-firebase/authentication';
import { AuthCredential, AuthErrorCodes, browserLocalPersistence, EmailAuthProvider, getAuth, GoogleAuthProvider, OAuthCredential, OAuthProvider, sendEmailVerification, sendPasswordResetEmail, setPersistence, signInWithCredential, signOut, type AuthError } from 'firebase/auth'

const _signInWithCredential = async (credential: OAuthCredential | AuthCredential) => {
  await signInWithCredential(authInstance, credential)
  setPersistence(authInstance, browserLocalPersistence)
}

export default {
  signInWithApple: async (): Promise<void> => {
    const result = await FirebaseAuthentication.signInWithApple()
    const provider = new OAuthProvider('apple.com')
    const credential = provider.credential({
      idToken: result.credential?.idToken,
      rawNonce: result.credential?.nonce
    })
    await _signInWithCredential(credential)
  },
}

Other information:

Capacitor doctor:

💊   Capacitor Doctor  💊 

Latest Dependencies:

  @capacitor/cli: 4.2.0
  @capacitor/core: 4.2.0
  @capacitor/android: 4.2.0
  @capacitor/ios: 4.2.0

Installed Dependencies:

  @capacitor/cli: 3.7.0
  @capacitor/core: 3.7.0
  @capacitor/ios: 3.7.0
  @capacitor/android: 3.7.0

[success] iOS looking great! 👌
[success] Android looking great! 👌

[robingenz]

This is supported in the latest dev version, see https://github.com/capawesome-team/capacitor-firebase/pull/194#issuecomment-1229526459.

[robingenz]

Yes, please see https://github.com/capawesome-team/capacitor-firebase/blob/main/packages/authentication/docs/firebase-js-sdk.md#quirks

In this case I will close this issue.