title: How to clear MUI Autocomplete to initial state
body: <p>I would like to reset/clear my MUI Autocomplete component.
  I have two of them with model like <code>{ label: string, value: string }</code> and if first will change its value then I would like to clear the second one since second will get options by selected value in first one.</p>
  <p>Moreover - I am using <code>react-hook-form</code> with <code>setValue</code>. I use as value in this method <code>{ label: '', value: '' }</code> but it causes warning that in my new sort of options there is no such option to select (this is minor issue I think) but it does not reset second Autocomplete input but partially. I still see <code>X</code> to clear value. I used <code>null</code> as value in <code>setValue</code> but it does not cleat input as well.</p>
  <p>What I want to achieve is - selecting some option on first input I would like to reset second input like clicking on <code>X</code> does. Is it possible ?</p>
  <p>Cheers!</p>