title: MSAL-angular asking for additional premissions
body: <p>I'm new to MSAL and having trouble for something that seems rather simple.</p>
  <p>Im currently making a dashboard app that can read a tenants information trough the Microsoft Graph. So far I've added new tenants by making an app registration trough Azure portal. Now I would like to automate this process by letting the user login and have the app create the registration for him.</p>
  <p>I used <a href="https://docs.microsoft.com/nl-be/azure/active-directory/develop/tutorial-v2-angular" rel="nofollow noreferrer">this tutorial</a> to get started with MSAL and everything works fine until the point I try to ask for more premissions</p>
  <p>The way I understand it is that I would need to add premissions I need to the consentscope in MsalModule</p>
  <pre><code> MsalModule.forRoot(
        {
          auth: {
            clientId: &quot;c91b9c1f-662c-491c-870c-fff04dd9b065&quot;,
            redirectUri: &quot;https://parigxprz.github.stackblitz.io&quot;
          },
          cache: {
            cacheLocation: &quot;localStorage&quot;,
            storeAuthStateInCookie: isIE // set to true for IE 11
          }
        },
        {
          popUp: !isIE,
          //adding extra premissions here
          consentScopes: [&quot;user.read&quot;, &quot;openid&quot;, &quot;profile&quot;, &quot;calendar.read&quot;,&quot;mail.read&quot;],
          protectedResourceMap: [
            ['https://graph.microsoft.com/v1.0/me', ['user.read']],
          ],
          unprotectedResources: [],
          extraQueryParameters: {}
        }
      )
  </code></pre>
  <p>And that it would show up in here</p>
  <p><a href="https://i.stack.imgur.com/MCuyr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MCuyr.png" alt="enter image description here" /></a></p>
  <p>Now unfortunately that doesnt seem to be the case for me as it only asks for the premission to read the basic profile and not the calendar or the mail. Ive also tried adding it to the loginpopup call like so</p>
  <pre><code> this.authService.loginPopup({
          extraScopesToConsent: [&quot;user.read&quot;, &quot;openid&quot;, &quot;profile&quot;, &quot;calendar.read&quot;,&quot;mail.read&quot;]
        });
  </code></pre>
  <p>But that doesnt really seem to change much.</p>
  <p>Here's a stackblitz using the sample app from the azure sample github.</p>
  <p><a href="https://stackblitz.com/edit/github-o6tcvk?file=src%2Fapp%2Fapp.component.ts" rel="nofollow noreferrer">https://stackblitz.com/edit/github-o6tcvk?file=src%2Fapp%2Fapp.component.ts</a></p>
  <p>Any help would be appreciated.</p>