Accepted answer

I think you might struggle with the basic understanding on how to disable auto complete, so here's a catch up:

How does disabling auto complete work in HTML?

autocomplete is a HTML attributefor input elements. Possible values are on and off.

You can disable autocomplete by using it like this:

<input type="email" name="email" autocomplete="off">

How can I apply this to React?

React has always provided a JavaScript-centric API to the DOM. Since React components often take both custom and DOM-related props, React uses the camelCase convention just like the DOM APIs


The conclusion is, you have to set the property autoComplete to off on those components aka input fields, not on the from element around the input fields.


import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function App() {
  return (
    <div className="App">
      <input name="email" autoComplete='off' />

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

In your case, the components is propably called TextInput.

After looking at the source, I've found out that AOR uses TextField of material-ui, which accepts autoComplete as property.

So if you either pass input={{ autoComplete: 'off' }} or options={{ autoComplete: 'off' }} you should be good to go.


No. This is not possible on Chrome

Previously you can set autoComplete="off", but now it's not possible because Google Chrome now allow you to control it anymore.

Related Query

More Query from same tag