TextField ignores prop InputProps{disableUnderline} and passes it down to DOM element.

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

<TextField  defaultValue="Hello" variant="outlined" InputProps={{ disableUnderline: true }} />

Docs say should remove the underline from the nested Input Field.

Current Behavior 😯

Either TextField or Input is ignoring the prop. React Errors: “React does not recognize the disableUnderline prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase disableunderline instead. If you accidentally passed it from a parent component, remove it from the DOM element.” Similar to #13717 But looks like they only addressed TextField variant ‘filled’. Still exists @material-ui/core": “3.9.3”

Steps to Reproduce 🕹

Link:

1. <TextField defaultValue=“Hello” variant=“outlined” InputProps={{ disableUnderline: true }} />
2. #13717

Context 🔦

Just trying to render a TextField variant=“outlined” without it underlining the input field, without hacking the css.

Your Environment 🌎

Tech	Version
Material-UI	v3.9.3
React	16.8.3
Browser	Chrome
TypeScript
etc.

[oliviertassinari]

Note that disableUnderline is only supported by the filled and standard text fields. It’s not supported by the outlined variant.

[joshwooding]

Can you follow and fill out the issue template please. A code example is ideal as well.

I would make sure you are using InputProps instead of inputProps capitalisation is important here.