signInWithPopup With Multi-Tenancy

[aress31]

Operating System

Windows 11 Pro

Environment (if applicable)

Microsoft Edge, React

Firebase SDK Version

11.0.1

Firebase SDK Product(s)

Auth

Project Tooling

React app with MUI.

Detailed Problem Description

It appears that obtaining the email address from signInWithPopup prior to authentication is not feasible. This limitation necessitates a cumbersome workflow where users must first enter their email address in a field, which then allows for the correct tenant to be set in auth.tenant. This setup can lead to a frustrating user experience, as it introduces unnecessary steps. Please refer to the Proof of Concept (PoC) for further details.

Steps and code to reproduce issue

const handleGoogle = async () => {
  auth.useDeviceLanguage();

  try {
    // The auth need to be assigned the proper tenantId or this would fail, however, we can only fetch the tenant Id once the user has picked his preferred account...
    const userCredential = await signInWithPopup(
      auth,
      new GoogleAuthProvider()
    );
    const { isNewUser } = getAdditionalUserInfo(userCredential);

    if (isNewUser) {
      await auth.currentUser.delete();
      throw new Error(`${email} is not registered.`);
    } else {
        --- SNIP ---
    }
  } catch (error) {
    --- SNIP ----
  }
};

[google-oss-bot]

I couldn't figure out how to label this issue, so I've labeled it for a human to triage. Hang tight.