[Dúvida] chamar novamente a observable em caso de erro na primeira chamada com pipe async

Quando ocorrer um erro na observable quero exibir uma mensagem para o usuário com o botão "TENTAR NOVAMENTE" que realizará uma nova chamada ao servidor, como fazer isso com o pipe async do angular. Segue o código abaixo:

  public product$: Observable<string> = this.api
    .getProduct()
    .pipe(
      catchError(() => {
        alert('erro ao buscar produto, deseja tentar novamente?');
        return of('');
      }),
    );

HTML

<div *ngIf="(product$ | async) as product">
    {{product}}
</div>