title: MSAL-Angular routing
body: <p>I am using MSAL in my angular project and most of it is working fine. The problem is with my routing. It is not working or i am not doing it right. When i logout or path is empty it doesn't go to login page also if i put the login route then it ask for login credential twice. First credential take me from login route(<a href="https://app.zoomtalktext.com/login" rel="nofollow noreferrer">https://app.zoomtalktext.com/login</a>) to empty route(<a href="https://app.zoomtalktext.com/login" rel="nofollow noreferrer">https://app.zoomtalktext.com/login</a>) and then to my homepage.My approach work if i don't use MSAL guard and use my own written Auth guard<br />
  Following is my routing code -</p>
  <pre><code>import { NgModule } from '@angular/core';
  import { Routes, RouterModule } from '@angular/router';
  import { AuthGuard } from './helpers/auth.guard';
  import { MsalGuard } from '@azure/msal-angular';
  
  const routes: Routes = [
  
    { path: '', loadChildren: () =&gt; import('./home-layout/home-layout.module').then(m =&gt; m.HomeLayoutModule),canActivate: [MsalGuard] },
    { path: 'login', loadChildren: () =&gt; import('./login/login.module').then(m =&gt; m.LoginModule) }
  
  ];
  
  @NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
  })
  export class AppRoutingModule { }
  </code></pre>