How to use the @bentley/presentation-components.PresentationTreeDataProvider function in @bentley/presentation-components

.then((ruleset: RegisteredRuleset) => {
        if (!this._isMounted)
          return;
        this._ruleset = ruleset;
        const dataProvider = new PresentationTreeDataProvider(this.props.iModelConnection, this._ruleset.id);
        this.enableCheckboxes(dataProvider); // tslint:disable-line:no-floating-promises
        this._dataProvider = dataProvider;
      });
  }

const createDataProvider = (props: VisibilityTreeProps): IPresentationTreeDataProvider => {
  let dataProvider: IPresentationTreeDataProvider;
  if (props.dataProvider) {
    dataProvider = props.dataProvider;
  } else {
    const provider = new PresentationTreeDataProvider(props.imodel, RULESET.id);
    provider.pagingSize = pageSize;
    dataProvider = provider;
  }
  if (props.enablePreloading && dataProvider.loadHierarchy) {
    // tslint:disable-next-line: no-floating-promises
    dataProvider.loadHierarchy();
  }
  return dataProvider;
};

private async doCreateHierarchy(rulesetId: string): Promise {
    const dataProvider = new PresentationTreeDataProvider(this._iModel, rulesetId);
    const rootNodes = await dataProvider.getNodes();
    return this.createSubHierarchy(rootNodes, dataProvider);
  }

private getDataProvider(props: Props) {
    if ((props as any).dataProvider) {
      const providerProps = props as DataProviderProps;
      return providerProps.dataProvider;
    } else {
      const imodelProps = props as IModelConnectionProps;
      return new PresentationTreeDataProvider(imodelProps.imodel, imodelProps.rulesetId);
    }
  }

constructor(imodel: IModelConnection, rulesetId: string) {
    this._baseProvider = new PresentationTreeDataProvider(imodel, rulesetId);
  }

constructor(imodel: IModelConnection, rulesetId: string) {
    this._baseProvider = new PresentationTreeDataProvider(imodel, rulesetId);
    this._baseProvider.pagingSize = 5;
  }