Rules

no-render

Replaces usage of 'ReactDOM.render()' with 'createRoot(node).render()'.

Full Name in eslint-plugin-react-dom

react-dom/no-render

@eslint-react/dom-no-render

Features

🔄

Presets

dom recommended recommended-typescript recommended-type-checked strict strict-typescript strict-type-checked

Rule Details

import Component from "Component";
import ReactDOM from "react-dom";

ReactDOM.render(<Component />, document.getElementById("app"));

import Component from "Component";
import { createRoot } from "react-dom/client";

createRoot(document.getElementById("app")).render(<Component />);