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
Description
Replaces usages of ReactDom.render()
with createRoot(node).render()
.
Examples
Before
import ReactDom from "react-dom";
import Component from "Component";
ReactDom.render(<Component />, document.getElementById("app"));
After
import { createRoot } from "react-dom/client";
import Component from "Component";
createRoot(document.getElementById("app")).render(<Component />);
Implementation
Further Reading
See Also
- no-render-return-value
Prevents usage of the return value ofReactDOM.render
. - no-hydrate
Replaces usages ofReactDom.hydrate()
withcreateRoot(node).hydrate()
.