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