React- Bootstrap -Table-Next Панель поиска onSearch не является функцией

Question

Я импортировал SearchBar. js со следующим кодом. import ToolkitProvider, {Search} из "act- bootstrap -table2-toolkit "; Я подтвердил, что файл существует и имеет это ниже. Я вижу строку поиска и кнопку очистки на своей странице, но когда я пытаюсь что-то искать, он говорит, что onSearch не является функцией.

const { SearchBar, ClearSearchButton } = Search;
const Columnlist = props => {
  //add filterFactory into bootstrap table
  return (
    <div style={{ padding: "20px" }}>
      <h1 className="h2">Variables</h1>
      <SearchBar {...props.searchProps} />
      <ClearSearchButton />
      <BootstrapTable
        keyField="id"
        data={data}
        columns={columns}
        striped
        hover
        condensed
        search
        noDataIndication="No Variable Meets Search Requirements"
        pagination={paginationFactory()}
        filter={filterFactory()}
      />
    </div>
  );
};

export default Columnlist;