Почему не открывается диалоговое окно в angular material?

У меня есть компонент в котором по нажатию на кнопку должно появляться диалоговое окно, вот такой метод подключен к кнопке

public onBurger() {
    const dialogRef = this.dialog.open(BurgerMenuComponent, {
      width: '100%',
      disableClose: true
    })
    dialogRef.afterOpened().subscribe(() => {
      console.log('Диалог открыт');
    });

    dialogRef.afterClosed().subscribe(result => {
      console.log('Диалог закрыт с результатом:', result);
    });
  }

в компоненте в конструкторе подключен MatDialog в модуль к которому подключен компонент импортирован MatDialogModule окно не открывается, в консоле я вижу только

Диалог закрыт с результатом: undefind как мне сделать так, чтобы по нажатию на кнопку открывалось диалоговое окно с нужным мне компонентом