How to disable autocomplete for an input field in a document using Sanity's official component library

Hello all 👋 Apologies if this has been asked an answered. I couldn't find any conversations via search.
We'd like to disable autocomplete for an input field in our doc, but not sure how to enable in the schema. Example with html in vid below.

I think the only way to do this interesting enough is to create a custom field component using sanitys official component lib https://www.sanity.io/ui/docs/primitive/text-input in here you can set the change event to return nothing. should block autocomplete I think.

how to set the component in your scheme ^

ah, ok. Was hoping it was an option I was missing 🙂 Thank you!

yeah im not seeing in options or validation where that would be set.

What does the schema look like for this field?

User @ Sanity support recommended this approach, seems to work as designed:
*/
export function FormInput(props: InputProps) {
/**
* Pass a reference to the input
* @see
https://react.dev/learn/manipulating-the-dom-with-refs */
const ref = useRef<HTMLInputElement>(null);
props.elementProps.ref = ref;
useEffect(() => {
/**
* After rendering, update the input's

autocomplete

attribute * NOTE: this assertion will match both

string

and

text

typed fields */
if (
ref.current
&& ref.current.autocomplete != "off"
&& isStringInputProps(props)
) {
ref.current.autocomplete = "off"
}
}, [props, ref.current?.autocomplete])
return props.renderDefault(props);
}```