Material-ui: index.js:1 Warning: React does not recognize the `endAdornment` prop

[mikkopori]

I'm getting

index.js:1 Warning: React does not recognize theendAdornmentprop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercaseendadornmentinstead. If you accidentally passed it from a parent component, remove it from the DOM element

that used to work in the previous versions. The is as follows

<TextField id="create-topic-form-ttl-field" label="Gather answers for" value={Number.isNaN(this.state.ttl) ? '' : this.state.ttl} onChange={this.handleTtlChange} variant="filled" type="number" className={classes.ttlField} inputProps={{ endAdornment: <InputAdornment position="end">days</InputAdornment>, type: 'number', min: 1, max: TPC_SRV_MAX_TTL, step: 1, }} helperText={' '} />
Now using:
"@material-ui/core": ">=4.9.3",

• [ x] The issue is present in the latest release.
• [ x] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Expected Behavior 🤔

Steps to Reproduce 🕹

Steps:

1.
2.
3.
4.

Context 🔦

Your Environment 🌎

| Tech | Version |
| ----------- | ------- |
| Material-UI | v4.?.? |
| React | |
| Browser | |
| TypeScript | |
| etc. | |

[support[bot]]

👋 Thanks for using Material-UI!

We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.

For support, please check out https://material-ui.com/getting-started/support/. Thanks!

If you have a question on StackOverflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.

[mikkopori]

So are we using it wrong and the error is correct? I do not follow 🙂

[ivowork]

@mikkopori the issue is that you are using inputProps instead of InputProps

[mikkopori]

Great, thank you very much for your keen eyes!