orchartss.ts

    const serviceScope: ServiceScope = this.props.serviceScope;
    const userProfileServiceKey: ServiceKey<IUserProfileService> = ServiceKey.create<IUserProfileService>("userprofileservicekey", UserProfileService);
    const userProfileServiceInstance = serviceScope.consume(userProfileServiceKey);
    
    userProfileServiceInstance.getPropertiesForCurrentUSer().then((person: IPerson) => {
      this.setState({ user: person });

      userProfileServiceInstance.getPropertiesForUsers(person.ExtendedManagers).then((mngrs: IPerson[]) => {
        this.setState({ managers: mngrs });
      });

      userProfileServiceInstance.getPropertiesForUsers(person.DirectReports).then((rprts: IPerson[]) => {
        this.setState({ reports: rprts });
      });
    });