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 of ReactDom.hydrate() with createRoot(node).hydrate().

no-flush-sync

Previous Page

no-missing-button-type

Next Page