logoESLint React
Rules

no-render

Full Name in eslint-plugin-react-dom

react-dom/no-render

Full Name in @eslint-react/eslint-plugin

@eslint-react/dom/no-render

Features

🔍 🔄

Presets

  • dom
  • recommended
  • recommended-typescript
  • recommended-type-checked

What it does

Replaces usages of ReactDom.render() with createRoot(node).render().

An unsafe codemod is available for this rule.

Examples

Failing

import ReactDom from "react-dom";
import Component from "Component";
 
ReactDom.render(<Component />, document.getElementById("app"));

Passing

import { createRoot } from "react-dom/client";
import Component from "Component";
 
createRoot(document.getElementById("app")).render(<Component />);

Implementation

Further Reading


See Also

On this page