We are using MSALService in our frontend application written in angular to integrate AAD authentication. Currently, it is working as expected with static msal configuration, but we want to pass the msal configuration dynamically so that it can adapt for any configuration respective to the environment we want to deploy. I tried using APP_INITIALIZERS to achieve the above cited requirement. Unfortunately, I am not even able to login but getting below error
Error shown on first load
Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received
I am seeing a different error upon reloading
Error: Uncaught (in promise): BrowserAuthError: interaction_in_progress: Interaction is currently in progress. Please ensure that this interaction has been completed before calling an interactive API. For more visit: aka.ms/msaljs/browser-errors.
Can anyone suggest me any resolution regarding the above error.
Thanking you in advance for your kind assistance.
I tried using APP_INITIALIZERS to achieve the above cited requirement which I found from the below thread https://github.com/AzureAD/microsoft-authentication-library-for-js/blob/dev/lib/msal-angular/docs/v2-docs/configuration.md
I am expecting to be able to login using MSAL dynamic configuration.
