Return value from nested observable using Observable.create

nested-observable-create.ts

import { Observable, of, Subject } from "rxjs";

class DataFactory {
  static getSetupData() {
    return of({ param1: "someparam" });
  }

  static getUsefulData(setupData: any) {
    // pretend we use setupData in some fancy way
    return of({ datapoint: "x" });
  }

  static getData(): Observable<string> {
    return Observable.create(function (observer) {
      DataFactory.getSetupData().subscribe((setupData) => {
        DataFactory.getUsefulData(setupData).subscribe((usefulData) => {
          observer.next(usefulData.datapoint);
        });
      });
    });
  }
}

DataFactory.getData().subscribe((d) => console.log("Recieved Value", d));