如何在 HTML 表单元素上禁用关于由于非安全连接而禁用信用卡填写的错误消息？

我在应用程序开发版本上的一些字段开始显示此错误：

自动填写信用卡信息已被禁用，因为此表单不使用安全连接

这个特定元素在 React 中使用 Material UI 声明，如下所示：

<TextField 
  fullWidth
  autoComplete="off"
  label={ t('form.field.refNumber') } 
  value={ value || '' } 
/>

将其渲染为：

<input aria-invalid="false" autocomplete="off" type="text" class="MuiInputBase-input MuiInput-input" value="">

~~为什么会显示该错误以及如何将其删除？~~ 发生此错误的原因似乎是我的标签中包含“nnumber”（或法语中的“numéro”）一词。我通过更改标签确认了这一点，错误消失了。

如何防止显示这个愚蠢的错误？我不是在验证信用卡号，这是客户采购订单号！