How to use mongodb-ace-autocompleter - 3 common examples

const getStageOperator = name => {
  return STAGE_OPERATORS.find(op => op.name === name);
};

render() {
    const operators = STAGE_OPERATORS.filter((o) => {
      if (o.name === '$searchBeta') return true;
      if ((o.name === OUT || o.name === MERGE) && !this.props.allowWrites) return false;
      return semver.gte(this.props.serverVersion, o.version);
    });
    return (
      <div className={classnames(styles['stage-operator-select'])}>
        <Select
          simpleValue
          searchable
          openOnClick
          openOnFocus
          clearable={false}
          disabled={!this.props.isEnabled}
          className={classnames(styles['stage-operator-select-control'])}
          options={operators}
          value={this.props.stageOperator}

constructor(props) {
    super(props);
    const textCompleter = tools.textCompleter;
    this.completer = new StageAutoCompleter(
      this.props.serverVersion,
      textCompleter,
      this.getFieldsAndProjections(),
      this.props.stageOperator
    );
    this.debounceRun = debounce(this.onRunStage, 750);
  }