title: Why does one of my Material UI autocomplete elements have a blue background for the options, but the other doesn't? (includes code sandbox)
body: <p>FINAL EDIT: I ended up finding a fix and I updated my sandbox with it!</p>
  <p>EDIT: I have determined that it is due to this line in the autocomplete...</p>
  <pre><code>isOptionEqualToValue={(option, value) =&gt; option.id === value.id}
  </code></pre>
  <p>However, if I try to change it to this...</p>
  <pre><code>isOptionEqualToValue={(option, value) =&gt; option.label === value.label}
  </code></pre>
  <p>I get the following error in the console...</p>
  <blockquote>
  <p>useAutocomplete.js:219 MUI: The value provided to Autocomplete is
  invalid. None of the options match with <code>&quot;Lisinopril&quot;</code>. You can use
  the <code>isOptionEqualToValue</code> prop to customize the equality test.</p>
  </blockquote>
  <hr />
  <p>I have created the following form using Material UI and React Hook Form...</p>
  <p><a href="https://codesandbox.io/s/inputquestion-jyq5b?file=/src/App.js" rel="nofollow noreferrer">https://codesandbox.io/s/inputquestion-jyq5b?file=/src/App.js</a></p>
  <p>I am very stumped on why the two autocomplete elements are styled differently with a light blue background for the options/the options' hovers, but the other one isn't.</p>
  <p>Thanks in advance for any help you can provide!</p>