Почему MatDialog не показывает?

Question

Вот мой компонент для входа:

 constructor(private router: Router, private dialog: MatDialog) { }
   login() : void {

      if(login_is_correct)
      {
        this.router.navigate(["home"]);
      }
      else
      {
          let dialogRef = this.dialog.open(IncorrectLoginInfoComponent, {
  data: { name: 'someName', title: 'Invalid credentials' },
});
      }
    });

  }

Диалог IncorrectLoginInfoComponent:

    export class IncorrectLoginInfoComponent implements OnInit {
  constructor(@Inject(MAT_DIALOG_DATA) public data: any, private dialogRef: MatDialogRef<IncorrectLoginInfoComponent>) { }

  closeDialog() {
    this.dialogRef.close('Dialog has been closed!');
  }

  ngOnInit() {
  }

Шаблон:

    <h2 mat-dialog-title>{{ data.title }}</h2>
<mat-dialog-content>passed in by {{ data.name }} Are you sure?</mat-dialog-content>

<mat-dialog-actions>
  <button mat-button mat-dialog-close>Non</button>
  <!-- The mat-dialog-close directive optionally accepts a value as a result for the dialog. -->
  <button mat-button [mat-dialog-close]="true">Oui</button>
</mat-dialog-actions>

Я также добавил следующее из Документы в app.module.ts:

     providers: [
  {provide: MAT_DIALOG_DEFAULT_OPTIONS, useValue: {hasBackdrop: false}}
  ],
   entryComponents: [
    IncorrectLoginInfoComponent
  ]

Когда я нажимаю на кнопку входа в систему, я не вижу никаких диалогов и проект успешно скомпилирован !!

Чего не хватает в этомКонфигурация?

Спасибо.