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

See original GitHub issue

I’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 lowercaseendadornment 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:closed
  • Created 4 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

46reactions
ivoworkcommented, Mar 12, 2020

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

1reaction
mikkoporicommented, Feb 21, 2020

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

Read more comments on GitHub >

github_iconTop Results From Across the Web

React does not recognize the `endAdornment` prop · Issue ...
I'm getting index.js:1 Warning: React does not recognize the endAdornmentprop on a DOM element. If you intentionally want it to appear in ...
Read more >
React does not recognize the `InputProps` prop on a DOM ...
The problem is with your InputProps object, according to the documentation, it uses an object , you didn't pass a proper object to...
Read more >
InputAdornment API - Material UI - MUI
API reference docs for the React InputAdornment component. Learn about the props, CSS, and other APIs of this exported module.
Read more >
warning react does not recognize the endadornment prop on ...
React does not recognize the `` prop on a DOM element. 在使用React 和styled-components时,可能会遇到这样的写法此时,.
Read more >
material-ui/core.InputAdornment JavaScript and Node.js code ...
render() { const { showDefaultPlaceholder, IconProps, intl, ...other } = this.props; return ( <TextField placeholder={showDefaultPlaceholder ? intl.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found