Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Logout redirecting 3 or more times

See original GitHub issue

Core Library

MSAL.js v2 (@azure/msal-browser)

Core Library Version

2.21.0

Wrapper Library

MSAL Angular (@azure/msal-angular)

Wrapper Library Version

2.1.0

Description

When I call the msalService.logoutRedirect({ postLogoutRedirectUrl: …appurl }) the msal library goes between the Azure B2C logout route and my app 3 or more times before finally routing to the login screen. I know this redirect needs to happen at least once based on B2C’s current functionality. I verified that when I call the logout function that localStorage is getting cleared out with all the Azure B2C token information. Also I’m using the MSAL redirect component, and I have it in my index.html file.

Error Message

No response

Msal Logs

No response

MSAL Configuration

{
    auth: {
      clientId: environment.clientIdMS, // This is your client ID
      authority: environment.authorityMS, // This is your tenant ID
      knownAuthorities: [B2C Tenant],
      redirectUri: environment.redirectUriMS // This is your redirect URI
    },
    cache: {
      cacheLocation: 'localStorage',
      storeAuthStateInCookie: isIE, // Set to true for Internet Explorer 11
    },
    system: {
       loggerOptions: {
        loggerCallback,
        logLevel: LogLevel.Info,
        piiLoggingEnabled: false
      }
    }
  }

Relevant Code Snippets

// Guard config
{
    interactionType: InteractionType.Redirect,
    authRequest: {
      scopes: ['openid', 'profile',
        API Scope],
      extraQueryParameters: {
        test: 'test'
      }
    }
  }

// Listener to check if user is logged in
this.msalBroadcast.inProgress$
      .pipe(
        filter((status: InteractionStatus) => status === InteractionStatus.None),
        takeUntil(this._destroying$)
      )
      .subscribe((result) => {
        // const payload = result.payload as AuthenticationResult;
        this.loggedIn = this.msalService.instance.getAllAccounts().length > 0;
        if (this.loggedIn)
          this.checkAccount();
      });

// Logout function
this.msalService.logoutRedirect({
    postLogoutRedirectUri: environment.redirectUriMS,
    account: this.msalService.instance.getActiveAccount() // I've tried it with and without this line
});