Material-UI Textfield and Autocomplete display Autofill dropdown when clicking on them. I tried using

inputProps={{
    ...params.inputProps,
    autoComplete: "off",
 }}

in the textfield and

inputProps={{
     autoComplete: "off",
    }}

in the Autocomplete as well as adding the autoComplete="off" prop in the Textfield. However, it doesn't always display, as it works at first then it randomly starts displaying the Autofill dropdown.

I tried including a screenshot of it but it isn't capturing the autofill dropdown in the image.

Another thing I tried is

  inputProps={{
    autocomplete: 'new-password',
    form: {
      autocomplete: 'off',
    },
  }}

but it also works at first then it starts displaying the Autofill dropdown again.