Warning: Stateless function components cannot be given refs. Attempts to access this ref will fail.

[annelorraineuy]

Using the textfield from this package causes a React warning when adding a Textfield Input.

Warning: Stateless function components cannot be given refs. Attempts to access this ref will fail.

Check the render method of `NativeDOMAdapter`.
    in TextInput (created by NativeDOMAdapter)
    in NativeDOMAdapter (created by Meta)
    in Meta (created by Input)
    in Input (at AddAccount.js:528)
    in div (created by NativeDOMAdapter)
    in NativeDOMAdapter (created by Meta)
    in Meta (created by Textfield)
    in Textfield (at AddAccount.js:527)

Example implementation that brings up the warning:

<Textfield>
              <Textfield.Input
                id="username"
                onChange={this.onChange}
                value={this.props.username}
                required
              />
              <Textfield.Label htmlFor="username">
                {localize('username')}
              </Textfield.Label>
 </Textfield>

It looks like the code above generates the TextInput with a ref. See screenshot below:

---

"react": "16.0.0-beta.3"
"@react-mdc/textfield": "^0.1.10"

[Lunik]

Same error here

• react-material-components-web: 0.1.18
• material-components-web: 0.22.0

[Lunik]

The issue comes from react and reactDom.
Downgrade them to 15.6.2