Prevent usage of findDOMNode (react/no-find-dom-node)

[feross]

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/no-find-dom-node.md

Facebook will eventually deprecate findDOMNode as it blocks certain improvements in React in the future.

It is recommended to use callback refs instead. See Dan Abramov comments and examples.

Rule Details

Examples of incorrect code for this rule:

class MyComponent extends Component {
  componentDidMount() {
    findDOMNode(this).scrollIntoView();
  }
  render() {
    return <div />
  }
}

Examples of correct code for this rule:

class MyComponent extends Component {
  componentDidMount() {
    this.node.scrollIntoView();
  }
  render() {
    return <div ref={node => this.node = node} />
  }
}

[jondavidjohn]

This is unfortunate, if you're using a third party library that does not expose the ref you are after you are left with no choice.

jsx-eslint/eslint-plugin-react#678 (comment) explains this perfectly.

And the response is that you should disable it per line with a comment, which is not possible with standard.

jsx-eslint/eslint-plugin-react#678 (comment)

This leaves me being blocked because I'm using standard. If a third party library doesn't provide an adequate API I have to remove my linter?