I would like to return an observable from a function but I need to resolve a promise before.

async getData(path: string): Observable<Data> {
    
    // getInfo is asynchronous
    let appInfo = await App.getInfo();
    
    const headers = new HttpHeaders({'Test': appInfo.name});

    return this.http.get<Data>(environment.url + path, {headers: headers});
}

But actually this is not working because of async keyword which returns a Promise: the return of this function is Promise<Observable<data>>.

How can I get data from the asynchronous call and the return the obervable from http.get?

EDIT: this was closed linking this but I already know that an async function returns a Promise. I would like to know how to use RxJs to avoid async and therefore return an Observable.