title: How to search based on multiple criteria in AutoComplete API in material UI
body: <p>I have created a search box using the auto complete API. But it is only searching based on the title field from options and not searching the inputs on other fields.</p>
  <p>If the object for example looks like this:</p>
  <pre><code>const top100Films = [
    { title: 'The Shawshank Redemption', year: 1994, abc: 'hello1', xyz: 'The nvm1' },
    { title: 'The Godfather', year: 1972, abc: 'hello2', xyz: 'Shaw' },
    { title: 'The Godfather: Part II', year: 1974,  abc: 'hello3', xyz: 'Part nvm3' },
  ];
  </code></pre>
  <p>so If I enter in the search field 'Shaw' or 'The' then it should search the input text among all the fields like <code>title, abc, xyz</code> keys and not only title</p>
  <p>I stumbled upon filter options:</p>
  <pre><code>const filterOptions = createFilterOptions({
    matchFrom: 'start',
    stringify: (option) =&gt; option.title,
  });
  
  export default function Filter() {
    return (
      &lt;Autocomplete
        id=&quot;filter-demo&quot;
        options={top100Films}
        getOptionLabel={(option) =&gt; option.title}
        filterOptions={filterOptions}
        style={{ width: 300 }}
        renderInput={(params) =&gt; &lt;TextField {...params} label=&quot;Custom filter&quot; variant=&quot;outlined&quot; /&gt;}
      /&gt;
    );
  }
  </code></pre>
  <p>But I don't know how to incorporate multiple fields searching from the input text in filter options.</p>