title: Error while filtering out records from grid
body: <p>We have a kendo react grid and we have the filters dropdown on each column, by which user can provider values and filter out the grid.
  Those filters are working fine, only one column filter <strong>providersCount</strong> is breaking, column field datatype is int.</p>
  
  <p>We are getting below error while filtering out:</p>
  
  <p><strong>TypeError: (a || "").indexOf is not a function</strong></p>
  
  <p>Grid code is shown below :</p>
  
  <pre><code>&lt;Grid 
                          data={this.state.items}
                          sortable={{
                          allowUnsort: this.state.allowUnsort,
                          mode: this.state.multiple,
                          sortDir:this.state.sortDir
                      }}
  
                          sort={this.state.sort}
                          onSortChange={this.sortChange}
                          filterable={true}
                          filter={this.state.filter}
                          onFilterChange={this.filterChange}
                          onPageChange={this.pageChange}
                          total={this.state.total}
                          skip={this.state.skip}
                          pageSize={this.state.pageSize}
                          pageable={this.state.pageable}
                          scrollable={this.state.scrollable}
                          //style={{ height: '500px' }}
                      &gt;
                          &lt;Column field="networkName"  sortable={{
                          allowUnsort: this.state.allowUnsort,
                          mode: this.state.multiple ? 'multiple' : 'single',
  
                      }}
  
  
                      onSortChange={this.sortChange} title="Network Name" width="400px" cell={NetworkNameCell}  /&gt;
                          &lt;Column field="networkGroups" title="Network Groups" width="250px" /&gt;
                          &lt;Column field="networkType" title="Network Type" width="250px" /&gt;
                          &lt;Column field="providersCount" title="Assigned Providers"  /&gt;
                          &lt;Column field="locationsCount" title="Assigned Locations"  /&gt;
                          &lt;Column cell={this.DeleteCommandCell} title="Action" sortable={false} filterable={false} /&gt;
                          &lt;span class="k-icon my-refresh-icon-class"&gt;&lt;/span&gt;
                      &lt;/Grid&gt;
  </code></pre>
  
  <p>and we are filtering out the records by below function : </p>
  
  <pre><code>  filterNetworks = (filter) =&gt; {
          debugger
          const data = this.networks.slice();
          return filterBy(data, filter);
      }
  </code></pre>
  
  <p>Any idea what we are doing wrong here.</p>