title: How to override autocomplete/autofill in material-ui autocomplete - React JS
body: <p>I am using material-ui autocomplete ( <a href="https://mui.com/components/autocomplete/#free-solo" rel="nofollow noreferrer">https://mui.com/components/autocomplete/#free-solo</a> ).</p>
  <p>It's working fine, demo is here : <a href="https://codesandbox.io/s/0v9v9?file=/demo.tsx" rel="nofollow noreferrer">https://codesandbox.io/s/0v9v9?file=/demo.tsx</a></p>
  <p>by default Text input is showing autoComplete='off' but i want to change it     to autoComplete='new-something' but it's not working and autoComplete='new-something' is showing as parent dev attribute instead of Input</p>
  <p>I used this code</p>
  <pre><code>&lt;TextField
    {...params}
    inputProps={{
      ...params.inputProps,
      autoComplete: 'new-something',
    }}
  /&gt;
  </code></pre>
  <p>But it's not working. In input it's still showing autocomplete=&quot;off&quot; as input attribute.</p>