title: Framework7 Search Doesn't Render when using React State
body: <p>I'm trying to use the Searchbar component and have it load data from an API, but it looks like the component doesn't work at all if its ever rendered from a set state change.</p>
  <p>Here's the repo that replicates the bug:
  <a href="https://github.com/fny/bugreports-framework7" rel="nofollow noreferrer">https://github.com/fny/bugreports-framework7</a></p>
  <p>The code below, for example, does not render the search bar at all, only the list after the toggle button is clicked:</p>
  <pre><code>export default class extends React.Component {
    constructor(props) {
      super(props)
  
      this.state = {
        loaded: false
      }
    }
    render() {
  
      if (this.state.loaded) {
        return &lt;Page&gt;
        &lt;Navbar title=&quot;Dynamic Searchbar&quot;  backLink=&quot;Back&quot;&gt;
          &lt;Subnavbar inner={false}&gt;
            &lt;Searchbar
              searchContainer=&quot;.search-list&quot;
              searchIn=&quot;.item-title&quot;
            &gt;&lt;/Searchbar&gt;
          &lt;/Subnavbar&gt;
        &lt;/Navbar&gt;
        &lt;List className=&quot;searchbar-not-found&quot;&gt;
          &lt;ListItem title=&quot;Nothing found&quot; /&gt;
        &lt;/List&gt;
        &lt;List className=&quot;search-list searchbar-found&quot;&gt;
          &lt;ListItem title=&quot;Acura&quot; /&gt;
          &lt;ListItem title=&quot;Audi&quot; /&gt;
          &lt;ListItem title=&quot;BMW&quot; /&gt;
          &lt;ListItem title=&quot;Cadillac &quot; /&gt;
          &lt;ListItem title=&quot;Chevrolet &quot; /&gt;
          &lt;ListItem title=&quot;Chrysler &quot; /&gt;
          &lt;ListItem title=&quot;Dodge &quot; /&gt;
          &lt;ListItem title=&quot;Ferrari &quot; /&gt;
          &lt;ListItem title=&quot;Ford &quot; /&gt;
          &lt;ListItem title=&quot;GMC &quot; /&gt;
          &lt;ListItem title=&quot;Honda&quot; /&gt;
          &lt;ListItem title=&quot;Hummer&quot; /&gt;
          &lt;ListItem title=&quot;Hyundai&quot; /&gt;
        &lt;/List&gt;
        &lt;/Page&gt;
      }
  
      return &lt;Page&gt;
        &lt;Button onClick={() =&gt; this.setState({loaded: true}) }&gt;Load&lt;/Button&gt;
      &lt;/Page&gt;
  
    }
  }
  </code></pre>
  <p>If the same list is rendered without depending on this.set.state, it does render as expected:</p>
  <pre><code>import React from 'react';
  import { Page, Navbar, Block, BlockTitle, Subnavbar, Searchbar, List, ListItem } from 'framework7-react';
  
  export default class extends React.Component {
    render() {
      return &lt;Page&gt;
        &lt;Navbar title=&quot;Static Searchbar&quot;  backLink=&quot;Back&quot;&gt;
          &lt;Subnavbar inner={false}&gt;
            &lt;Searchbar
              searchContainer=&quot;.search-list&quot;
              searchIn=&quot;.item-title&quot;
            &gt;&lt;/Searchbar&gt;
          &lt;/Subnavbar&gt;
        &lt;/Navbar&gt;
        &lt;List className=&quot;searchbar-not-found&quot;&gt;
          &lt;ListItem title=&quot;Nothing found&quot; /&gt;
        &lt;/List&gt;
        &lt;List className=&quot;search-list searchbar-found&quot;&gt;
          &lt;ListItem title=&quot;Acura&quot; /&gt;
          &lt;ListItem title=&quot;Audi&quot; /&gt;
          &lt;ListItem title=&quot;BMW&quot; /&gt;
          &lt;ListItem title=&quot;Cadillac &quot; /&gt;
          &lt;ListItem title=&quot;Chevrolet &quot; /&gt;
          &lt;ListItem title=&quot;Chrysler &quot; /&gt;
          &lt;ListItem title=&quot;Dodge &quot; /&gt;
          &lt;ListItem title=&quot;Ferrari &quot; /&gt;
          &lt;ListItem title=&quot;Ford &quot; /&gt;
          &lt;ListItem title=&quot;GMC &quot; /&gt;
          &lt;ListItem title=&quot;Honda&quot; /&gt;
          &lt;ListItem title=&quot;Hummer&quot; /&gt;
          &lt;ListItem title=&quot;Hyundai&quot; /&gt;
        &lt;/List&gt;
      &lt;/Page&gt;
    }
  }
  </code></pre>