В Angular 7 ViewChild не определен при использовании в * ngIf

При использовании ViewChild в директиве * ngIf я получаю Button как undefined. но когда я проверил журналы, он показывает мне что-то вроде ниже

https://i.stack.imgur.com/mpb16.png

В моем случае это все еще не работает. Может здесь кто-нибудь помочь?

HTML код

<div *ngIf="someCondition()">
<div class="row top-container">
    <div class="col-md-6">
      <h1 class="text-center">Registered </h1>
    </div>

    <div class="col-md-6">
      <div class="pull-right header-buttons-container">
        <button #registerPartnerButton id="registerPartner" class="btn btn-primary" type="button"  (click)="registerUser()">Register</button>
      </div>
    </div>
  </div>
</div>

Код ТС

registerButton: ElementRef;
@ViewChildren('registerPartnerButton') set someDummyName(content: ElementRef) {
    this.registerPartnerButton = content;
  };
constructor(changeDetector: ChangeDetectorRef) {}

Проблема: после применения вышеуказанных решений я получаю значение registerPartnerButton как undefined. но когда я проверил журналы, он показывает мне что-то вроде ниже

https://i.stack.imgur.com/mpb16.png

Я ожидаю, что ViewChild не может быть неопределенным.