title: React bootstrap table 2 programmatically select filter
body: <p>I'm trying to follow this <a href="https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=Column%20Filter&amp;selectedStory=Programmatically%20Select%20Filter&amp;full=0&amp;addons=1&amp;stories=1&amp;panelRight=0&amp;addonPanel=storybook%2Factions%2Factions-panel" rel="nofollow noreferrer">example</a>. I've pretty much replicated it line for line, adding in 5 products as that data isn't given in the example. Everything displays correctly so in theory I've set it up correctly, however the filter doesn't seem to work like it does in the example.</p>
  <p>Any ideas? This is what I have:
  <a href="https://stackblitz.com/edit/react-mmvhyv?file=Table.js" rel="nofollow noreferrer">https://stackblitz.com/edit/react-mmvhyv?file=Table.js</a></p>