index.js:1 Warning: React does not recognize the `endAdornment` prop
See original GitHub issueI’m getting
index.js:1 Warning: React does not recognize the
endAdornmentprop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase
endadornment instead. 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:
Context 🔦
Your Environment 🌎
Tech | Version |
---|---|
Material-UI | v4.?.? |
React | |
Browser | |
TypeScript | |
etc. |
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (1 by maintainers)
Top GitHub Comments
@mikkopori the issue is that you are using
inputProps
instead ofInputProps
So are we using it wrong and the error is correct? I do not follow 🙂