I am setting up Microsoft authentication in Firebase (web js sdk), but I'm running into an error with firebase.auth.signInWithCredential. I can successfully get an id token from Microsoft, but the Firebase auth step fails. I've tried Firebase v8 and v9, and various ways of forming my credential object. In fact, I get the same error even passing an access token. There seems to be something wrong with the Firebase library. Has anyone experienced this issue before and resolved it?

Code:

const { id_token } = authResponse.params; // I've verified that id_token is correct
const credential = new firebase.auth.OAuthProvider("microsoft.com").credential({
  idToken: id_token,
  rawNonce: "12345",
});
await firebase.auth().signInWithCredential(credential);

The credential seems to be generated fine:

Object {
  "accessToken": undefined,
  "idToken": "eyJ0eXAiOiJKV...",
  "nonce": "12345",
  "pendingToken": null,
  "providerId": "microsoft.com",
  "secret": undefined,
  "signInMethod": "microsoft.com",
}

But the signInWithCredential step gets the following error:

Uncaught (in promise) 
code: "auth/internal-error"
message: "Invalid IdP response/credential: http://localhost?id_token=eyJ0eXAiOiJKV..."