Avoid usage of the return value of ReactDOM.render

Metadata

ID: jsx-react/no-render-return-value

Language: JavaScript

Severity: Warning

Category: Best Practices

Description

Using the return value of the render method is a legacy feature. If you have a valid reason to reference the root React instance, you should assign a callback ref to the root component.

Non-Compliant Code Examples

const inst = ReactDOM.render(<App />, document.body);

Compliant Code Examples

ReactDOM.render(<App ref={doSomethingWithInst} />, document.body);

ReactDOM.render(<App />, document.body, doSomethingWithInst);