How to use the @bentley/ui-components.SelectionMode.Extended function in @bentley/ui-components

public render() {
    return (
      <div style="{{">
        <div style="{{">
          <select>
            <option value="{SelectionMode.Single}"> Single </option>
            <option value="{SelectionMode.SingleAllowDeselect}"> SingleAllowDeselect </option>
            <option value="{SelectionMode.Multiple}"> Multiple </option>
            <option value="{SelectionMode.Extended}"> Extended </option>
          </select>
        </div>
        <div style="{{">
          
        </div>
      </div>
    );
  }
}

public render(): React.ReactNode {
    return (
      <div style="{{">
        <div style="{{">
          <select>
            <option value="{SelectionMode.Single}"> Single </option>
            &lt; option value={SelectionMode.SingleAllowDeselect} &gt; SingleAllowDeselect 
            &lt; option value={SelectionMode.Multiple} &gt; Multiple 
            &lt; option value={SelectionMode.Extended} &gt; Extended 
          </select>
          <select>
            <option value="{TableSelectionTarget.Row}"> Row </option>
            &lt; option value={TableSelectionTarget.Cell} &gt; Cell 
          </select>
          <label>
            Top row:
            <input style="{{">
            <span>({this.state.topRow})</span>
          </label>
        </div>
        <div style="{{">
          </div></div>

public render() {
    return (
      <div style="{{">
        
      </div>
    );
  }
}

private _onChangeSelectionMode = (e: React.ChangeEvent) => {
    let selectionMode: SelectionMode;

    switch (e.target.value) {
      case "1":
        selectionMode = SelectionMode.Single;
        break;
      case "5":
        selectionMode = SelectionMode.SingleAllowDeselect;
        break;
      case "6":
        selectionMode = SelectionMode.Multiple;
        break;
      case "12":
        selectionMode = SelectionMode.Extended;
        break;
      default: selectionMode = SelectionMode.Single;
    }
    this.setState({ selectionMode });
  }

private _onChangeSelectionMode = (e: React.ChangeEvent) => {
    let selectionMode: SelectionMode;

    switch (e.target.value) {
      case "1":
        selectionMode = SelectionMode.Single;
        break;
      case "5":
        selectionMode = SelectionMode.SingleAllowDeselect;
        break;
      case "6":
        selectionMode = SelectionMode.Multiple;
        break;
      case "12":
        selectionMode = SelectionMode.Extended;
        break;
      default: selectionMode = SelectionMode.Single;
    }
    this.setState({ selectionMode });
  }

public render() {
    return (
      <div>
        <div>
          <h3>{IModelApp.i18n.translate("Sample:controls.find-similar.results")}</h3>
          <button>
            {IModelApp.i18n.translate("Sample:controls.find-similar.dismiss-button.label")}
          </button>
        </div>
        <div>
          
        </div>
      </div>
    );
  }
}