typescript – Spinner Angular material não funciona em chamadas síncronas


Tenho uma chamada síncrona new SyncRequestClient().post<HistoricoModel,Response>(solrRequest, request); e preciso que seja criado um spinner para essa chamada. Aparecer antes de ser feita a chamada e sumir depois da chamada utilizando o componente do AngularMaterial <mat-progress-spinner> ou <mat-spinner>, porém não funciona, o spinner nunca aparece.

código html:

<mat-spinner *ngIf="spinnerVisible"></mat-spinner>

component.ts

public spinnerVisible: boolean = false;

 public sendGetDocumentosAllPages(pesquisa, tipo) {
    this.spinnerVisible = true;
    response = new SyncRequestClient().get<Response>(solrRequest);
    this.spinnerVisible = false;
    return response;
}

A consulta demora a ser executada, porém o spinner nunca aparece