question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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