Requisição em Angular retorna bootstrap:25 ERROR Error: Uncaught (in promise): TypeError: Cannot destructure property 'registros' of '(intermediate value)' as it is undefined.

Bom dia,

Tenho uam requisição que faço no Angular para um back-end Springboot que é a seguinte:

public async GetAllQuestionnairesToAnswer(options?: IQueryOptions): Promise<IResultPaginated> {

const { success, data } = await this.http.get<IResultHttp<IResultPaginated<IQuestionAnswer>>>(`${this.urlBase}/respond/pessoa${PrepareHttpQuery(options)}`).toPromise();
if (data) {
  return data;
} else {
  return undefined;
}

}

Ao executar a chamada no painel de Rede a requisição vem preenchida, porém no html da tela do app vem vazio e o erro retornado é o seguinte:

![]()
![Insira aqui a descrição dessa imagem para ajudar na acessibilidade](https://cdn1.gnarususercontent.com.br/1/546575/5ed32879-3e4f-44a1-8909-6181ad272a4e.png)  

***bootstrap:25 ERROR Error: Uncaught (in promise): TypeError: Cannot destructure property 'registros' of '(intermediate value)' as it is undefined.

TypeError: Cannot destructure property 'registros' of '(intermediate value)' as it is undefined. *