title: React-Bootstrap-Table-Next Search Bar onSearch is not a function
body: <p>I imported SearchBar.js with the following code.
  import ToolkitProvider, { Search } from "react-bootstrap-table2-toolkit";
  I confirmed that the file exists and have this below. I can see the search bar and the clear button on my page but when I try to search something, it says that onSearch is not a function.</p>
  
  <pre><code>const { SearchBar, ClearSearchButton } = Search;
  const Columnlist = props =&gt; {
    //add filterFactory into bootstrap table
    return (
      &lt;div style={{ padding: "20px" }}&gt;
        &lt;h1 className="h2"&gt;Variables&lt;/h1&gt;
        &lt;SearchBar {...props.searchProps} /&gt;
        &lt;ClearSearchButton /&gt;
        &lt;BootstrapTable
          keyField="id"
          data={data}
          columns={columns}
          striped
          hover
          condensed
          search
          noDataIndication="No Variable Meets Search Requirements"
          pagination={paginationFactory()}
          filter={filterFactory()}
        /&gt;
      &lt;/div&gt;
    );
  };
  
  export default Columnlist;
  </code></pre>