title: Search not working with React material-table using remote data
body: <p>I'm using the material-table module here [1] with remote data from a web service. I've included the search parameter, but it's not working and there are no error messages in the console. </p>
  
  <p>Here is the code:</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from "react-dom";
  import MaterialTable from 'material-table';
  
  
  import { forwardRef } from 'react';
  
  import AddBox from '@material-ui/icons/AddBox';
  import ArrowUpward from '@material-ui/icons/ArrowUpward';
  import Check from '@material-ui/icons/Check';
  import ChevronLeft from '@material-ui/icons/ChevronLeft';
  import ChevronRight from '@material-ui/icons/ChevronRight';
  import Clear from '@material-ui/icons/Clear';
  import DeleteOutline from '@material-ui/icons/DeleteOutline';
  import Edit from '@material-ui/icons/Edit';
  import FilterList from '@material-ui/icons/FilterList';
  import FirstPage from '@material-ui/icons/FirstPage';
  import LastPage from '@material-ui/icons/LastPage';
  import Remove from '@material-ui/icons/Remove';
  import SaveAlt from '@material-ui/icons/SaveAlt';
  import Search from '@material-ui/icons/Search';
  import ViewColumn from '@material-ui/icons/ViewColumn';
  
  const tableIcons = {
      Add: forwardRef((props, ref) =&gt; &lt;AddBox {...props} ref={ref} /&gt;),
      Check: forwardRef((props, ref) =&gt; &lt;Check {...props} ref={ref} /&gt;),
      Clear: forwardRef((props, ref) =&gt; &lt;Clear {...props} ref={ref} /&gt;),
      Delete: forwardRef((props, ref) =&gt; &lt;DeleteOutline {...props} ref={ref} /&gt;),
      DetailPanel: forwardRef((props, ref) =&gt; &lt;ChevronRight {...props} ref={ref} /&gt;),
      Edit: forwardRef((props, ref) =&gt; &lt;Edit {...props} ref={ref} /&gt;),
      Export: forwardRef((props, ref) =&gt; &lt;SaveAlt {...props} ref={ref} /&gt;),
      Filter: forwardRef((props, ref) =&gt; &lt;FilterList {...props} ref={ref} /&gt;),
      FirstPage: forwardRef((props, ref) =&gt; &lt;FirstPage {...props} ref={ref} /&gt;),
      LastPage: forwardRef((props, ref) =&gt; &lt;LastPage {...props} ref={ref} /&gt;),
      NextPage: forwardRef((props, ref) =&gt; &lt;ChevronRight {...props} ref={ref} /&gt;),
      PreviousPage: forwardRef((props, ref) =&gt; &lt;ChevronLeft {...props} ref={ref} /&gt;),
      ResetSearch: forwardRef((props, ref) =&gt; &lt;Clear {...props} ref={ref} /&gt;),
      Search: forwardRef((props, ref) =&gt; &lt;Search {...props} ref={ref} /&gt;),
      SortArrow: forwardRef((props, ref) =&gt; &lt;ArrowUpward {...props} ref={ref} /&gt;),
      ThirdStateCheck: forwardRef((props, ref) =&gt; &lt;Remove {...props} ref={ref} /&gt;),
      ViewColumn: forwardRef((props, ref) =&gt; &lt;ViewColumn {...props} ref={ref} /&gt;)
  };
  
  const GET_PUBLICATIONS_URL = 'http://193.62.54.159/backend/v1/publications?';
  
  
  class App extends React.Component {
  
      render() {
          return (
              &lt;MaterialTable
                  icons={tableIcons}
                  title="Remote Data Preview"
                  columns={[
                      { title: 'Publication ID', field: 'publicationId' },
                      { title: 'PMID', field: 'pmid' },
                      { title: 'First author', field: 'firstAuthor' },
                      { title: 'Publication', field: 'title' },
                      { title: 'Journal', field: 'journal' },
                      { title: 'Status', field: 'status' },
                  ]}
                  data={query =&gt;
                      new Promise((resolve, reject) =&gt; {
                          // let url = 'https://reqres.in/api/users?'
                          let url = GET_PUBLICATIONS_URL
                          url += 'size=' + query.pageSize
                          url += '&amp;page=' + (query.page)
                          fetch(url)
                              .then(response =&gt; response.json())
                              .then(result =&gt; {
                                  resolve({
                                      data: result._embedded.publications,
                                      page: result.page.number,
                                      totalCount: result.page.totalElements,
                                  })
                              })
                      })
                  }
                  options={{
                      search: true
                  }}
              /&gt;
          )
      }
  }
  
  // export default DemoMUITable_RemoteData;
  ReactDOM.render(&lt;App /&gt;, document.getElementById("root"));
  
  </code></pre>
  
  <p>Here is an example of the output from the web service call used above:</p>
  
  <pre><code>{
      _embedded: {
          publications: [{
                  publicationId: "5d2dbec2483e4bcddc82c61c",
                  pmid: "jqfWof0a6N",
                  title: "hDoClFK1xW",
                  journal: "bsmw70kDBz",
                  firstAuthor: "NUed57buOd",
                  publicationDate: "2019-07-16T12:07:01.937Z",
                  correspondingAuthor: {
                      authorName: "VRbSDd72mC",
                      email: "YgH4UoELBp"
                  },
                  status: "ELIGIBLE",
                  _links: {
                      self: {
                          href: "http://193.62.54.159/backend/v1/publications/5d2dbec2483e4bcddc82c61c?pmid=false"
                      }
                  }
              },
              {
                  publicationId: "5d2dbeff483e4bcddc82c61d",
                  pmid: "WlQsCFYg3b",
                  title: "bsthfcP7zY",
                  journal: "sUULVFkYJQ",
                  firstAuthor: "NUed57buOd",
                  publicationDate: "2019-07-16T12:07:01.937Z",
                  correspondingAuthor: {
                      authorName: "UOTBdYbsRh",
                      email: "ZUmHQ7evjl"
                  },
                  status: "ELIGIBLE",
                  _links: {
                      self: {
                          href: "http://193.62.54.159/backend/v1/publications/5d2dbeff483e4bcddc82c61d?pmid=false"
                      }
                  }
              },
              {
                  publicationId: "5d2dbf05483e4bcddc82c61e",
                  pmid: "V1KphgdwaG",
                  title: "KoXVQJjoGp",
                  journal: "1bO9QNNDCM",
                  firstAuthor: "NUed57buOd",
                  publicationDate: "2019-07-16T12:07:01.937Z",
                  correspondingAuthor: {
                      authorName: "KsfpbpEAGc",
                      email: "p69YIXvYEq"
                  },
                  status: "ELIGIBLE",
                  _links: {
                      self: {
                          href: "http://193.62.54.159/backend/v1/publications/5d2dbf05483e4bcddc82c61e?pmid=false"
                      }
                  }
              },
              {
                  publicationId: "5d2dbf0a483e4bcddc82c61f",
                  pmid: "JEmARsAgWM",
                  title: "CiOTlRIeD4",
                  journal: "l1ofJObwtJ",
                  firstAuthor: "NUed57buOd",
                  publicationDate: "2019-07-16T12:07:01.937Z",
                  correspondingAuthor: {
                      authorName: "rGdQGN5oPh",
                      email: "6PI3NfrnmV"
                  },
                  status: "ELIGIBLE",
                  _links: {
                      self: {
                          href: "http://193.62.54.159/backend/v1/publications/5d2dbf0a483e4bcddc82c61f?pmid=false"
                      }
                  }
              },
              {
                  publicationId: "5d346e129bb39d8c6e33faa4",
                  pmid: "cNUmFPonBy",
                  title: "0LwQYP0fUK",
                  journal: "C3gQOWPZ2C",
                  firstAuthor: "q1LwUyYpgO",
                  publicationDate: "2019-07-16T12:07:01.937Z",
                  correspondingAuthor: {
                      authorName: "oJdt6ae7sp",
                      email: "jhdOF23b9m"
                  },
                  status: "ELIGIBLE",
                  _links: {
                      self: {
                          href: "http://193.62.54.159/backend/v1/publications/5d346e129bb39d8c6e33faa4?pmid=false"
                      }
                  }
              }
          ]
      },
      _links: {
          first: {
              href: "http://193.62.54.159/backend/v1/publications?page=0&amp;size=5"
          },
          self: {
              href: "http://193.62.54.159/backend/v1/publications"
          },
          next: {
              href: "http://193.62.54.159/backend/v1/publications?page=1&amp;size=5"
          },
          last: {
              href: "http://193.62.54.159/backend/v1/publications?page=5&amp;size=5"
          }
      },
      page: {
          size: 5,
          totalElements: 26,
          totalPages: 6,
          number: 0
      }
  }
  </code></pre>
  
  <p>Here are my app's dependencies:</p>
  
  <pre><code>"dependencies": {
      "@material-ui/icons": "^4.2.1",
      "material-table": "^1.40.1",
      "react": "^16.8.6",
      "react-dom": "^16.8.6",
      "react-scripts": "3.0.1"
    },
  </code></pre>
  
  <p>[1] <a href="https://github.com/mbrn/material-table" rel="noreferrer">https://github.com/mbrn/material-table</a></p>