Material-ui: Warning using inputComponent

Created on 17 Jan 2019 · 4Comments · Source: mui-org/material-ui

I have this warning generated:

Warning: Material-UI: you have provided a `inputComponent` to the input component
that does not correctly handle the `inputRef` property.
Make sure the `inputRef` property is called with a HTMLInputElement.

which also come from the docs... see https://material-ui.com/demos/text-fields/ on codesanbox

[ ] 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 🤔

No warning

TextField incomplete

Source

stunaz

Most helpful comment

@eps1lon the one form here https://material-ui.com/demos/text-fields/#formatted-inputs
oh I cant reproduce it any more, looks like I used an outtdated version of mui

```
ref={ref => {
inputRef(ref ? ref.inputElement : null);
}}
````

stunaz on 17 Jan 2019

👍4

All 4 comments

Which specific demo is producing that error message?

eps1lon on 17 Jan 2019

@stunaz This warning was introduced in #13934 to fix one of the TextField examples.

oliviertassinari on 17 Jan 2019

@eps1lon the one form here https://material-ui.com/demos/text-fields/#formatted-inputs
oh I cant reproduce it any more, looks like I used an outtdated version of mui

```
ref={ref => {
inputRef(ref ? ref.inputElement : null);
}}
````

stunaz on 17 Jan 2019

👍4

Just try it:
ref={(ref) => inputRef(ReactDOM.findDOMNode(ref))}