Rules
no-hydrate
Full Name in eslint-plugin-react-dom
react-dom/no-hydrateFull Name in @eslint-react/eslint-plugin
@eslint-react/dom/no-hydrateFeatures
🔄
Presets
domrecommendedrecommended-typescriptrecommended-type-checked
Description
Replaces usages of ReactDom.hydrate() with hydrateRoot().
Examples
Before
import Component from "Component";
import ReactDom from "react-dom";
ReactDom.hydrate(<Component />, document.getElementById("app"));After
import Component from "Component";
import ReactDom from "react-dom";
import { hydrateRoot } from "react-dom/client";
hydrateRoot(document.getElementById("app"), <Component />);Implementation
Further Reading
See Also
- no-return
Replaces usages ofReactDom.hydrate()withcreateRoot(node).hydrate().