title: Material-ui Autocomplete warning The value provided to Autocomplete is invalid. You can use the getOptionSelected` prop to customize the equality test
body: <p>I am working with Autocomplete material-ui. But I am getting a &quot;The value provided to Autocomplete is invalid&quot; warning.
  None of the options match with `` &quot;&quot; <code>. You can use the </code>getOptionSelected` prop to customize the equality test&quot;</p>
  <pre><code>&lt;Autocomplete
    id=&quot;district combo-box-demo&quot;
    value={defaultValueDistrict}
    onChange={(event, value) =&gt; {
      if (value &amp;&amp; value.districtName) {
        setDefaultValueDistrict(value);
      }
    }}
    options={lisdata}
    getOptionLabel={(option) =&gt;
      option.districtName ? option.districtName : &quot;&quot;
    }
    getOptionSelected={(option, value) =&gt;
      option.districtName === value.districtName
    }
    style={{ width: 190 }}
    renderInput={(params) =&gt; (
      &lt;CssTextField
        style={{ background: &quot;white&quot; }}
        {...params}
        variant=&quot;outlined&quot;
        placeholder=&quot;Nhập quận/huyện&quot;
        name=&quot;district&quot;
        onBlur={handleBlur}
      /&gt;
    )}
  /&gt;
  </code></pre>
  <p>I tried to follow the instructions but still failed. Everyone please help me</p>