Angular 16 and 17 : BrowserAuthError: uninitialized_public_client_application

[memory660]

Core Library

MSAL.js (@azure/msal-browser)

Core Library Version

3.5.0

Wrapper Library

MSAL Angular (@azure/msal-angular)

Wrapper Library Version

3.5.0

Public or Confidential Client?

Public

Description

no error with :
"@azure/msal-angular": "3.0.0-alpha.2", "@azure/msal-browser": "3.0.0-alpha.2",

error with
"@azure/msal-angular": "^3.0.8", "@azure/msal-browser": "^3.5.0",

Error Message

ERROR BrowserAuthError: uninitialized_public_client_application: You must call and await the initialize function before attempting to call any other MSAL API. For more visit: aka.ms/msaljs/browser-errors

Msal Logs

No response

MSAL Configuration

export function MSALInstanceFactory(): IPublicClientApplication {
  return new PublicClientApplication({
    auth: {
      clientId: environment.msalConfig.auth.clientId,
      authority: environment.msalConfig.auth.authority,
      redirectUri: '/',
      postLogoutRedirectUri: '/'
    },
    cache: {
      cacheLocation: BrowserCacheLocation.LocalStorage
    },
    system: {
      allowNativeBroker: false, // Disables WAM Broker
      loggerOptions: {
        loggerCallback,
        logLevel: LogLevel.Info,
        piiLoggingEnabled: false
      }
    }
  });
}

Relevant Code Snippets

AppModule
`ts
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: MsalInterceptor,
      multi: true
    },
    {
      provide: MSAL_INSTANCE,
      useFactory: MSALInstanceFactory
    },
`

Reproduction Steps

from launch

Expected Behavior

no more errors

Identity Provider

Azure AD / MSA

Browsers Affected (Select all that apply)

Chrome

Regression

@azure/msal-browser: ^3.5.0

Source

External (Customer)

[lalimasharda]

Hey @memory660 we do not support Angular 17 yet. For your issue with Angular 16, please take a look at #6693 ! Let me know if you need more help.

[memory660]

@lalimasharda , I can't find the solution in the link you gave me.

[mlz11]

Hey @memory660 we do not support Angular 17 yet. For your issue with Angular 16, please take a look at #6693 ! Let me know if you need more help.

Hello @lalimasharda, do you have any idea on when you would support Angular 17 ?
Thank you 🙏🏻

[mlz11]

Hey @memory660 we do not support Angular 17 yet. For your issue with Angular 16, please take a look at #6693 ! Let me know if you need more help.

Hello @lalimasharda, do you have any idea on when you would support Angular 17 ? Thank you 🙏🏻

🆙 🙏🏻

[javargasm]

support Angular 17 Pliss

[muhamedkarajic]

Angular 17, support, please, arigato. :)

[mlz11]

Hey @memory660 we do not support Angular 17 yet. For your issue with Angular 16, please take a look at #6693 ! Let me know if you need more help.

Hello @lalimasharda, do you have any idea on when you would support Angular 17 ? Thank you 🙏🏻

🆙 🙏🏻

Hey @lalimasharda @tnorling @konstantin-msft @jo-arroyo @hectormmg, sorry for mentioning you all...
Can we please get an answer on that matter ? 🙏🏻

[tnorling]

Angular 17 support is being tracked in #6719, any updates we have to share will be posted there.

As for the original issue concerning the uninitialized error - you need to do one of the following:

1. Bootstrap the MsalRedirectComponent
2. Call handleRedirectObservable

Additionally you must wait for inProgress to become None. More information here and here