eslint-plugin-react-dom 1.34.2-beta.2 → 1.34.2-beta.3

package/dist/index.d.mts

@@ -15,6 +15,7 @@ declare const _default: {
                         readonly "no-dangerously-set-innerhtml-with-children": _typescript_eslint_utils_ts_eslint.RuleModule<"noDangerouslySetInnerhtmlWithChildren", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-find-dom-node": _typescript_eslint_utils_ts_eslint.RuleModule<"noFindDomNode", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-flush-sync": _typescript_eslint_utils_ts_eslint.RuleModule<"noFlushSync", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+                        readonly "no-hydrate": _typescript_eslint_utils_ts_eslint.RuleModule<"noHydrate", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-missing-button-type": _typescript_eslint_utils_ts_eslint.RuleModule<"noMissingButtonType", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-missing-iframe-sandbox": _typescript_eslint_utils_ts_eslint.RuleModule<"noMissingIframeSandbox", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-namespace": _typescript_eslint_utils_ts_eslint.RuleModule<"noNamespace", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
@@ -47,6 +48,7 @@ declare const _default: {
         readonly "no-dangerously-set-innerhtml-with-children": _typescript_eslint_utils_ts_eslint.RuleModule<"noDangerouslySetInnerhtmlWithChildren", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-find-dom-node": _typescript_eslint_utils_ts_eslint.RuleModule<"noFindDomNode", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-flush-sync": _typescript_eslint_utils_ts_eslint.RuleModule<"noFlushSync", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+        readonly "no-hydrate": _typescript_eslint_utils_ts_eslint.RuleModule<"noHydrate", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-missing-button-type": _typescript_eslint_utils_ts_eslint.RuleModule<"noMissingButtonType", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-missing-iframe-sandbox": _typescript_eslint_utils_ts_eslint.RuleModule<"noMissingIframeSandbox", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-namespace": _typescript_eslint_utils_ts_eslint.RuleModule<"noNamespace", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;

package/dist/index.d.ts

@@ -15,6 +15,7 @@ declare const _default: {
                         readonly "no-dangerously-set-innerhtml-with-children": _typescript_eslint_utils_ts_eslint.RuleModule<"noDangerouslySetInnerhtmlWithChildren", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-find-dom-node": _typescript_eslint_utils_ts_eslint.RuleModule<"noFindDomNode", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-flush-sync": _typescript_eslint_utils_ts_eslint.RuleModule<"noFlushSync", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+                        readonly "no-hydrate": _typescript_eslint_utils_ts_eslint.RuleModule<"noHydrate", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-missing-button-type": _typescript_eslint_utils_ts_eslint.RuleModule<"noMissingButtonType", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-missing-iframe-sandbox": _typescript_eslint_utils_ts_eslint.RuleModule<"noMissingIframeSandbox", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
                         readonly "no-namespace": _typescript_eslint_utils_ts_eslint.RuleModule<"noNamespace", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
@@ -47,6 +48,7 @@ declare const _default: {
         readonly "no-dangerously-set-innerhtml-with-children": _typescript_eslint_utils_ts_eslint.RuleModule<"noDangerouslySetInnerhtmlWithChildren", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-find-dom-node": _typescript_eslint_utils_ts_eslint.RuleModule<"noFindDomNode", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-flush-sync": _typescript_eslint_utils_ts_eslint.RuleModule<"noFlushSync", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
+        readonly "no-hydrate": _typescript_eslint_utils_ts_eslint.RuleModule<"noHydrate", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-missing-button-type": _typescript_eslint_utils_ts_eslint.RuleModule<"noMissingButtonType", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-missing-iframe-sandbox": _typescript_eslint_utils_ts_eslint.RuleModule<"noMissingIframeSandbox", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
         readonly "no-namespace": _typescript_eslint_utils_ts_eslint.RuleModule<"noNamespace", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;

package/dist/index.js

@@ -47,6 +47,7 @@ var rules = {
   "react-dom/no-dangerously-set-innerhtml-with-children": "error",
   "react-dom/no-find-dom-node": "error",
   "react-dom/no-flush-sync": "error",
+  "react-dom/no-hydrate": "error",
   "react-dom/no-missing-button-type": "warn",
   "react-dom/no-missing-iframe-sandbox": "warn",
   "react-dom/no-namespace": "error",
@@ -65,7 +66,7 @@ var settings = {
 
 // package.json
 var name2 = "eslint-plugin-react-dom";
-var version = "1.34.2-beta.2";
+var version = "1.34.2-beta.3";
 var createRule = shared.createRuleForPlugin("dom");
 
 // src/utils/find-custom-component.ts
@@ -253,8 +254,85 @@ function create4(context) {
     }
   };
 }
-var RULE_NAME5 = "no-missing-button-type";
+var RULE_NAME5 = "no-hydrate";
 var RULE_FEATURES5 = [
+  "CHK",
+  "MOD"
+];
+var no_hydrate_default = createRule({
+  meta: {
+    type: "problem",
+    docs: {
+      description: "replaces usages of 'ReactDom.hydrate()' with 'hydrateRoot()'",
+      [Symbol.for("rule_features")]: RULE_FEATURES5
+    },
+    fixable: "code",
+    messages: {
+      noHydrate: "[Deprecated] Use 'hydrateRoot()' instead."
+    },
+    schema: []
+  },
+  name: RULE_NAME5,
+  create(context) {
+    if (!context.sourceCode.text.includes("hydrate")) return {};
+    const settings2 = shared.getSettingsFromContext(context);
+    if (compareVersions.compare(settings2.version, "18.0.0", "<")) return {};
+    const reactDomNames = /* @__PURE__ */ new Set();
+    const hydrateNames = /* @__PURE__ */ new Set();
+    return {
+      CallExpression(node) {
+        switch (true) {
+          case (node.callee.type === types.AST_NODE_TYPES.Identifier && hydrateNames.has(node.callee.name)):
+            context.report({
+              messageId: "noHydrate",
+              node,
+              fix: getFix(context, node)
+            });
+            return;
+          case (node.callee.type === types.AST_NODE_TYPES.MemberExpression && node.callee.object.type === types.AST_NODE_TYPES.Identifier && node.callee.property.type === types.AST_NODE_TYPES.Identifier && node.callee.property.name === "hydrate" && reactDomNames.has(node.callee.object.name)):
+            context.report({
+              messageId: "noHydrate",
+              node,
+              fix: getFix(context, node)
+            });
+            return;
+        }
+      },
+      ImportDeclaration(node) {
+        const [baseSource] = node.source.value.split("/");
+        if (baseSource !== "react-dom") return;
+        for (const specifier of node.specifiers) {
+          switch (specifier.type) {
+            case types.AST_NODE_TYPES.ImportSpecifier:
+              if (specifier.imported.type !== types.AST_NODE_TYPES.Identifier) continue;
+              if (specifier.imported.name === "hydrate") {
+                hydrateNames.add(specifier.local.name);
+              }
+              continue;
+            case types.AST_NODE_TYPES.ImportDefaultSpecifier:
+            case types.AST_NODE_TYPES.ImportNamespaceSpecifier:
+              reactDomNames.add(specifier.local.name);
+              continue;
+          }
+        }
+      }
+    };
+  },
+  defaultOptions: []
+});
+function getFix(context, node) {
+  const getText2 = (n) => context.sourceCode.getText(n);
+  return (fixer) => {
+    const [arg0, arg1] = node.arguments;
+    if (arg0 == null || arg1 == null) return null;
+    return [
+      fixer.insertTextBefore(context.sourceCode.ast, 'import { hydrateRoot } from "react-dom/client";\n'),
+      fixer.replaceText(node, `hydrateRoot(${getText2(arg1)}, ${getText2(arg0)})`)
+    ];
+  };
+}
+var RULE_NAME6 = "no-missing-button-type";
+var RULE_FEATURES6 = [
   "CHK"
 ];
 var no_missing_button_type_default = createRule({
@@ -262,14 +340,14 @@ var no_missing_button_type_default = createRule({
     type: "problem",
     docs: {
       description: "enforce that button component have an explicit 'type' attribute",
-      [Symbol.for("rule_features")]: RULE_FEATURES5
+      [Symbol.for("rule_features")]: RULE_FEATURES6
     },
     messages: {
       noMissingButtonType: "Add missing 'type' attribute on 'button' component."
     },
     schema: []
   },
-  name: RULE_NAME5,
+  name: RULE_NAME6,
   create: create5,
   defaultOptions: []
 });
@@ -315,8 +393,8 @@ function create5(context) {
     }
   };
 }
-var RULE_NAME6 = "no-missing-iframe-sandbox";
-var RULE_FEATURES6 = [
+var RULE_NAME7 = "no-missing-iframe-sandbox";
+var RULE_FEATURES7 = [
   "CHK"
 ];
 var validTypes = [
@@ -345,14 +423,14 @@ var no_missing_iframe_sandbox_default = createRule({
     type: "problem",
     docs: {
       description: "enforce that 'iframe' component have an explicit 'sandbox' attribute",
-      [Symbol.for("rule_features")]: RULE_FEATURES6
+      [Symbol.for("rule_features")]: RULE_FEATURES7
     },
     messages: {
       noMissingIframeSandbox: "Add missing 'sandbox' attribute on 'iframe' component."
     },
     schema: []
   },
-  name: RULE_NAME6,
+  name: RULE_NAME7,
   create: create6,
   defaultOptions: []
 });
@@ -397,8 +475,8 @@ function create6(context) {
     }
   };
 }
-var RULE_NAME7 = "no-namespace";
-var RULE_FEATURES7 = [
+var RULE_NAME8 = "no-namespace";
+var RULE_FEATURES8 = [
   "CHK"
 ];
 var no_namespace_default = createRule({
@@ -406,14 +484,14 @@ var no_namespace_default = createRule({
     type: "problem",
     docs: {
       description: "enforce that namespaces are not used in React elements",
-      [Symbol.for("rule_features")]: RULE_FEATURES7
+      [Symbol.for("rule_features")]: RULE_FEATURES8
     },
     messages: {
       noNamespace: "A React component '{{name}}' must not be in a namespace, as React does not support them."
     },
     schema: []
   },
-  name: RULE_NAME7,
+  name: RULE_NAME8,
   create: create7,
   defaultOptions: []
 });
@@ -434,8 +512,8 @@ function create7(context) {
     }
   };
 }
-var RULE_NAME8 = "no-render";
-var RULE_FEATURES8 = [
+var RULE_NAME9 = "no-render";
+var RULE_FEATURES9 = [
   "CHK",
   "MOD"
 ];
@@ -444,7 +522,7 @@ var no_render_default = createRule({
     type: "problem",
     docs: {
       description: "replace usages of 'ReactDom.render()' with 'createRoot(node).render()'",
-      [Symbol.for("rule_features")]: RULE_FEATURES8
+      [Symbol.for("rule_features")]: RULE_FEATURES9
     },
     fixable: "code",
     messages: {
@@ -452,7 +530,7 @@ var no_render_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME8,
+  name: RULE_NAME9,
   create(context) {
     if (!context.sourceCode.text.includes("render")) return {};
     const settings2 = shared.getSettingsFromContext(context);
@@ -466,14 +544,14 @@ var no_render_default = createRule({
             context.report({
               messageId: "noRender",
               node,
-              fix: getFix(context, node)
+              fix: getFix2(context, node)
             });
             return;
           case (node.callee.type === types.AST_NODE_TYPES.MemberExpression && node.callee.object.type === types.AST_NODE_TYPES.Identifier && node.callee.property.type === types.AST_NODE_TYPES.Identifier && node.callee.property.name === "render" && reactDomNames.has(node.callee.object.name)):
             context.report({
               messageId: "noRender",
               node,
-              fix: getFix(context, node)
+              fix: getFix2(context, node)
             });
             return;
         }
@@ -500,7 +578,7 @@ var no_render_default = createRule({
   },
   defaultOptions: []
 });
-function getFix(context, node) {
+function getFix2(context, node) {
   const getText2 = (n) => context.sourceCode.getText(n);
   return (fixer) => {
     const [arg0, arg1] = node.arguments;
@@ -511,8 +589,8 @@ function getFix(context, node) {
     ];
   };
 }
-var RULE_NAME9 = "no-render-return-value";
-var RULE_FEATURES9 = [
+var RULE_NAME10 = "no-render-return-value";
+var RULE_FEATURES10 = [
   "CHK"
 ];
 var banParentTypes = [
@@ -527,14 +605,14 @@ var no_render_return_value_default = createRule({
     type: "problem",
     docs: {
       description: "disallow usage of the return value of 'ReactDOM.render'",
-      [Symbol.for("rule_features")]: RULE_FEATURES9
+      [Symbol.for("rule_features")]: RULE_FEATURES10
     },
     messages: {
       noRenderReturnValue: "Do not depend on the return value from '{{objectName}}.render'."
     },
     schema: []
   },
-  name: RULE_NAME9,
+  name: RULE_NAME10,
   create: create8,
   defaultOptions: []
 });
@@ -565,8 +643,8 @@ function create8(context) {
     }
   };
 }
-var RULE_NAME10 = "no-script-url";
-var RULE_FEATURES10 = [
+var RULE_NAME11 = "no-script-url";
+var RULE_FEATURES11 = [
   "CHK"
 ];
 var no_script_url_default = createRule({
@@ -574,14 +652,14 @@ var no_script_url_default = createRule({
     type: "problem",
     docs: {
       description: "disallow 'javascript:' URLs as JSX event handler prop's value",
-      [Symbol.for("rule_features")]: RULE_FEATURES10
+      [Symbol.for("rule_features")]: RULE_FEATURES11
     },
     messages: {
       noScriptUrl: "Using a `javascript:` URL is a security risk and should be avoided."
     },
     schema: []
   },
-  name: RULE_NAME10,
+  name: RULE_NAME11,
   create: create9,
   defaultOptions: []
 });
@@ -604,7 +682,7 @@ function create9(context) {
     }
   };
 }
-var RULE_NAME11 = "no-unknown-property";
+var RULE_NAME12 = "no-unknown-property";
 var DEFAULTS = {
   ignore: [],
   requireDataLowercase: false
@@ -1567,7 +1645,7 @@ var no_unknown_property_default = createRule({
       }
     }]
   },
-  name: RULE_NAME11,
+  name: RULE_NAME12,
   create: create10,
   defaultOptions: []
 });
@@ -1663,8 +1741,8 @@ function testReactVersion(context, comparator, version2) {
   const { version: localVersion } = shared.getSettingsFromContext(context);
   return compareVersions.compare(localVersion, version2, comparator);
 }
-var RULE_NAME12 = "no-unsafe-iframe-sandbox";
-var RULE_FEATURES11 = [
+var RULE_NAME13 = "no-unsafe-iframe-sandbox";
+var RULE_FEATURES12 = [
   "CHK"
 ];
 var unsafeSandboxValues = [
@@ -1681,14 +1759,14 @@ var no_unsafe_iframe_sandbox_default = createRule({
     type: "problem",
     docs: {
       description: "disallow unsafe iframe 'sandbox' attribute combinations",
-      [Symbol.for("rule_features")]: RULE_FEATURES11
+      [Symbol.for("rule_features")]: RULE_FEATURES12
     },
     messages: {
       noUnsafeIframeSandbox: "Unsafe 'sandbox' attribute value on 'iframe' component."
     },
     schema: []
   },
-  name: RULE_NAME12,
+  name: RULE_NAME13,
   create: create11,
   defaultOptions: []
 });
@@ -1735,8 +1813,8 @@ function create11(context) {
     }
   };
 }
-var RULE_NAME13 = "no-unsafe-target-blank";
-var RULE_FEATURES12 = [
+var RULE_NAME14 = "no-unsafe-target-blank";
+var RULE_FEATURES13 = [
   "CHK"
 ];
 function isExternalLinkLike(value) {
@@ -1752,14 +1830,14 @@ var no_unsafe_target_blank_default = createRule({
     type: "problem",
     docs: {
       description: `disallow 'target="_blank"' on an external link without 'rel="noreferrer noopener"'`,
-      [Symbol.for("rule_features")]: RULE_FEATURES12
+      [Symbol.for("rule_features")]: RULE_FEATURES13
     },
     messages: {
       noUnsafeTargetBlank: `Using 'target="_blank"' on an external link without 'rel="noreferrer noopener"' is a security risk.`
     },
     schema: []
   },
-  name: RULE_NAME13,
+  name: RULE_NAME14,
   create: create12,
   defaultOptions: []
 });
@@ -1810,8 +1888,8 @@ function create12(context) {
     }
   };
 }
-var RULE_NAME14 = "no-use-form-state";
-var RULE_FEATURES13 = [
+var RULE_NAME15 = "no-use-form-state";
+var RULE_FEATURES14 = [
   "CHK",
   "MOD"
 ];
@@ -1820,7 +1898,7 @@ var no_use_form_state_default = createRule({
     type: "problem",
     docs: {
       description: "replace usages of 'ReactDom.render()' with 'createRoot(node).render()'",
-      [Symbol.for("rule_features")]: RULE_FEATURES13
+      [Symbol.for("rule_features")]: RULE_FEATURES14
     },
     fixable: "code",
     messages: {
@@ -1828,7 +1906,7 @@ var no_use_form_state_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME14,
+  name: RULE_NAME15,
   create(context) {
     if (!context.sourceCode.text.includes("useFormState")) return {};
     const settings2 = shared.getSettingsFromContext(context);
@@ -1842,14 +1920,14 @@ var no_use_form_state_default = createRule({
             context.report({
               messageId: "noUseFormState",
               node,
-              fix: getFix2(context, node)
+              fix: getFix3(context, node)
             });
             return;
           case (node.callee.type === types.AST_NODE_TYPES.MemberExpression && node.callee.object.type === types.AST_NODE_TYPES.Identifier && node.callee.property.type === types.AST_NODE_TYPES.Identifier && node.callee.property.name === "useFormState" && reactDomNames.has(node.callee.object.name)):
             context.report({
               messageId: "noUseFormState",
               node,
-              fix: getFix2(context, node)
+              fix: getFix3(context, node)
             });
             return;
         }
@@ -1876,7 +1954,7 @@ var no_use_form_state_default = createRule({
   },
   defaultOptions: []
 });
-function getFix2(context, node) {
+function getFix3(context, node) {
   const { importSource } = shared.getSettingsFromContext(context);
   return (fixer) => {
     return [
@@ -1886,8 +1964,8 @@ function getFix2(context, node) {
     ];
   };
 }
-var RULE_NAME15 = "no-void-elements-with-children";
-var RULE_FEATURES14 = [
+var RULE_NAME16 = "no-void-elements-with-children";
+var RULE_FEATURES15 = [
   "CHK"
 ];
 var voidElements = /* @__PURE__ */ new Set([
@@ -1913,14 +1991,14 @@ var no_void_elements_with_children_default = createRule({
     type: "problem",
     docs: {
       description: "disallow void elements (AKA self-closing elements) from having children",
-      [Symbol.for("rule_features")]: RULE_FEATURES14
+      [Symbol.for("rule_features")]: RULE_FEATURES15
     },
     messages: {
       noVoidElementsWithChildren: "'{{element}}' is a void element tag and must not have children."
     },
     schema: []
   },
-  name: RULE_NAME15,
+  name: RULE_NAME16,
   create: create13,
   defaultOptions: []
 });
@@ -1967,6 +2045,7 @@ var plugin = {
     "no-dangerously-set-innerhtml-with-children": no_dangerously_set_innerhtml_with_children_default,
     "no-find-dom-node": no_find_dom_node_default,
     "no-flush-sync": no_flush_sync_default,
+    "no-hydrate": no_hydrate_default,
     "no-missing-button-type": no_missing_button_type_default,
     "no-missing-iframe-sandbox": no_missing_iframe_sandbox_default,
     "no-namespace": no_namespace_default,

package/dist/index.mjs

@@ -24,6 +24,7 @@ var rules = {
   "react-dom/no-dangerously-set-innerhtml-with-children": "error",
   "react-dom/no-find-dom-node": "error",
   "react-dom/no-flush-sync": "error",
+  "react-dom/no-hydrate": "error",
   "react-dom/no-missing-button-type": "warn",
   "react-dom/no-missing-iframe-sandbox": "warn",
   "react-dom/no-namespace": "error",
@@ -42,7 +43,7 @@ var settings = {
 
 // package.json
 var name2 = "eslint-plugin-react-dom";
-var version = "1.34.2-beta.2";
+var version = "1.34.2-beta.3";
 var createRule = createRuleForPlugin("dom");
 
 // src/utils/find-custom-component.ts
@@ -230,8 +231,85 @@ function create4(context) {
     }
   };
 }
-var RULE_NAME5 = "no-missing-button-type";
+var RULE_NAME5 = "no-hydrate";
 var RULE_FEATURES5 = [
+  "CHK",
+  "MOD"
+];
+var no_hydrate_default = createRule({
+  meta: {
+    type: "problem",
+    docs: {
+      description: "replaces usages of 'ReactDom.hydrate()' with 'hydrateRoot()'",
+      [Symbol.for("rule_features")]: RULE_FEATURES5
+    },
+    fixable: "code",
+    messages: {
+      noHydrate: "[Deprecated] Use 'hydrateRoot()' instead."
+    },
+    schema: []
+  },
+  name: RULE_NAME5,
+  create(context) {
+    if (!context.sourceCode.text.includes("hydrate")) return {};
+    const settings2 = getSettingsFromContext(context);
+    if (compare(settings2.version, "18.0.0", "<")) return {};
+    const reactDomNames = /* @__PURE__ */ new Set();
+    const hydrateNames = /* @__PURE__ */ new Set();
+    return {
+      CallExpression(node) {
+        switch (true) {
+          case (node.callee.type === AST_NODE_TYPES.Identifier && hydrateNames.has(node.callee.name)):
+            context.report({
+              messageId: "noHydrate",
+              node,
+              fix: getFix(context, node)
+            });
+            return;
+          case (node.callee.type === AST_NODE_TYPES.MemberExpression && node.callee.object.type === AST_NODE_TYPES.Identifier && node.callee.property.type === AST_NODE_TYPES.Identifier && node.callee.property.name === "hydrate" && reactDomNames.has(node.callee.object.name)):
+            context.report({
+              messageId: "noHydrate",
+              node,
+              fix: getFix(context, node)
+            });
+            return;
+        }
+      },
+      ImportDeclaration(node) {
+        const [baseSource] = node.source.value.split("/");
+        if (baseSource !== "react-dom") return;
+        for (const specifier of node.specifiers) {
+          switch (specifier.type) {
+            case AST_NODE_TYPES.ImportSpecifier:
+              if (specifier.imported.type !== AST_NODE_TYPES.Identifier) continue;
+              if (specifier.imported.name === "hydrate") {
+                hydrateNames.add(specifier.local.name);
+              }
+              continue;
+            case AST_NODE_TYPES.ImportDefaultSpecifier:
+            case AST_NODE_TYPES.ImportNamespaceSpecifier:
+              reactDomNames.add(specifier.local.name);
+              continue;
+          }
+        }
+      }
+    };
+  },
+  defaultOptions: []
+});
+function getFix(context, node) {
+  const getText2 = (n) => context.sourceCode.getText(n);
+  return (fixer) => {
+    const [arg0, arg1] = node.arguments;
+    if (arg0 == null || arg1 == null) return null;
+    return [
+      fixer.insertTextBefore(context.sourceCode.ast, 'import { hydrateRoot } from "react-dom/client";\n'),
+      fixer.replaceText(node, `hydrateRoot(${getText2(arg1)}, ${getText2(arg0)})`)
+    ];
+  };
+}
+var RULE_NAME6 = "no-missing-button-type";
+var RULE_FEATURES6 = [
   "CHK"
 ];
 var no_missing_button_type_default = createRule({
@@ -239,14 +317,14 @@ var no_missing_button_type_default = createRule({
     type: "problem",
     docs: {
       description: "enforce that button component have an explicit 'type' attribute",
-      [Symbol.for("rule_features")]: RULE_FEATURES5
+      [Symbol.for("rule_features")]: RULE_FEATURES6
     },
     messages: {
       noMissingButtonType: "Add missing 'type' attribute on 'button' component."
     },
     schema: []
   },
-  name: RULE_NAME5,
+  name: RULE_NAME6,
   create: create5,
   defaultOptions: []
 });
@@ -292,8 +370,8 @@ function create5(context) {
     }
   };
 }
-var RULE_NAME6 = "no-missing-iframe-sandbox";
-var RULE_FEATURES6 = [
+var RULE_NAME7 = "no-missing-iframe-sandbox";
+var RULE_FEATURES7 = [
   "CHK"
 ];
 var validTypes = [
@@ -322,14 +400,14 @@ var no_missing_iframe_sandbox_default = createRule({
     type: "problem",
     docs: {
       description: "enforce that 'iframe' component have an explicit 'sandbox' attribute",
-      [Symbol.for("rule_features")]: RULE_FEATURES6
+      [Symbol.for("rule_features")]: RULE_FEATURES7
     },
     messages: {
       noMissingIframeSandbox: "Add missing 'sandbox' attribute on 'iframe' component."
     },
     schema: []
   },
-  name: RULE_NAME6,
+  name: RULE_NAME7,
   create: create6,
   defaultOptions: []
 });
@@ -374,8 +452,8 @@ function create6(context) {
     }
   };
 }
-var RULE_NAME7 = "no-namespace";
-var RULE_FEATURES7 = [
+var RULE_NAME8 = "no-namespace";
+var RULE_FEATURES8 = [
   "CHK"
 ];
 var no_namespace_default = createRule({
@@ -383,14 +461,14 @@ var no_namespace_default = createRule({
     type: "problem",
     docs: {
       description: "enforce that namespaces are not used in React elements",
-      [Symbol.for("rule_features")]: RULE_FEATURES7
+      [Symbol.for("rule_features")]: RULE_FEATURES8
     },
     messages: {
       noNamespace: "A React component '{{name}}' must not be in a namespace, as React does not support them."
     },
     schema: []
   },
-  name: RULE_NAME7,
+  name: RULE_NAME8,
   create: create7,
   defaultOptions: []
 });
@@ -411,8 +489,8 @@ function create7(context) {
     }
   };
 }
-var RULE_NAME8 = "no-render";
-var RULE_FEATURES8 = [
+var RULE_NAME9 = "no-render";
+var RULE_FEATURES9 = [
   "CHK",
   "MOD"
 ];
@@ -421,7 +499,7 @@ var no_render_default = createRule({
     type: "problem",
     docs: {
       description: "replace usages of 'ReactDom.render()' with 'createRoot(node).render()'",
-      [Symbol.for("rule_features")]: RULE_FEATURES8
+      [Symbol.for("rule_features")]: RULE_FEATURES9
     },
     fixable: "code",
     messages: {
@@ -429,7 +507,7 @@ var no_render_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME8,
+  name: RULE_NAME9,
   create(context) {
     if (!context.sourceCode.text.includes("render")) return {};
     const settings2 = getSettingsFromContext(context);
@@ -443,14 +521,14 @@ var no_render_default = createRule({
             context.report({
               messageId: "noRender",
               node,
-              fix: getFix(context, node)
+              fix: getFix2(context, node)
             });
             return;
           case (node.callee.type === AST_NODE_TYPES.MemberExpression && node.callee.object.type === AST_NODE_TYPES.Identifier && node.callee.property.type === AST_NODE_TYPES.Identifier && node.callee.property.name === "render" && reactDomNames.has(node.callee.object.name)):
             context.report({
               messageId: "noRender",
               node,
-              fix: getFix(context, node)
+              fix: getFix2(context, node)
             });
             return;
         }
@@ -477,7 +555,7 @@ var no_render_default = createRule({
   },
   defaultOptions: []
 });
-function getFix(context, node) {
+function getFix2(context, node) {
   const getText2 = (n) => context.sourceCode.getText(n);
   return (fixer) => {
     const [arg0, arg1] = node.arguments;
@@ -488,8 +566,8 @@ function getFix(context, node) {
     ];
   };
 }
-var RULE_NAME9 = "no-render-return-value";
-var RULE_FEATURES9 = [
+var RULE_NAME10 = "no-render-return-value";
+var RULE_FEATURES10 = [
   "CHK"
 ];
 var banParentTypes = [
@@ -504,14 +582,14 @@ var no_render_return_value_default = createRule({
     type: "problem",
     docs: {
       description: "disallow usage of the return value of 'ReactDOM.render'",
-      [Symbol.for("rule_features")]: RULE_FEATURES9
+      [Symbol.for("rule_features")]: RULE_FEATURES10
     },
     messages: {
       noRenderReturnValue: "Do not depend on the return value from '{{objectName}}.render'."
     },
     schema: []
   },
-  name: RULE_NAME9,
+  name: RULE_NAME10,
   create: create8,
   defaultOptions: []
 });
@@ -542,8 +620,8 @@ function create8(context) {
     }
   };
 }
-var RULE_NAME10 = "no-script-url";
-var RULE_FEATURES10 = [
+var RULE_NAME11 = "no-script-url";
+var RULE_FEATURES11 = [
   "CHK"
 ];
 var no_script_url_default = createRule({
@@ -551,14 +629,14 @@ var no_script_url_default = createRule({
     type: "problem",
     docs: {
       description: "disallow 'javascript:' URLs as JSX event handler prop's value",
-      [Symbol.for("rule_features")]: RULE_FEATURES10
+      [Symbol.for("rule_features")]: RULE_FEATURES11
     },
     messages: {
       noScriptUrl: "Using a `javascript:` URL is a security risk and should be avoided."
     },
     schema: []
   },
-  name: RULE_NAME10,
+  name: RULE_NAME11,
   create: create9,
   defaultOptions: []
 });
@@ -581,7 +659,7 @@ function create9(context) {
     }
   };
 }
-var RULE_NAME11 = "no-unknown-property";
+var RULE_NAME12 = "no-unknown-property";
 var DEFAULTS = {
   ignore: [],
   requireDataLowercase: false
@@ -1544,7 +1622,7 @@ var no_unknown_property_default = createRule({
       }
     }]
   },
-  name: RULE_NAME11,
+  name: RULE_NAME12,
   create: create10,
   defaultOptions: []
 });
@@ -1640,8 +1718,8 @@ function testReactVersion(context, comparator, version2) {
   const { version: localVersion } = getSettingsFromContext(context);
   return compare(localVersion, version2, comparator);
 }
-var RULE_NAME12 = "no-unsafe-iframe-sandbox";
-var RULE_FEATURES11 = [
+var RULE_NAME13 = "no-unsafe-iframe-sandbox";
+var RULE_FEATURES12 = [
   "CHK"
 ];
 var unsafeSandboxValues = [
@@ -1658,14 +1736,14 @@ var no_unsafe_iframe_sandbox_default = createRule({
     type: "problem",
     docs: {
       description: "disallow unsafe iframe 'sandbox' attribute combinations",
-      [Symbol.for("rule_features")]: RULE_FEATURES11
+      [Symbol.for("rule_features")]: RULE_FEATURES12
     },
     messages: {
       noUnsafeIframeSandbox: "Unsafe 'sandbox' attribute value on 'iframe' component."
     },
     schema: []
   },
-  name: RULE_NAME12,
+  name: RULE_NAME13,
   create: create11,
   defaultOptions: []
 });
@@ -1712,8 +1790,8 @@ function create11(context) {
     }
   };
 }
-var RULE_NAME13 = "no-unsafe-target-blank";
-var RULE_FEATURES12 = [
+var RULE_NAME14 = "no-unsafe-target-blank";
+var RULE_FEATURES13 = [
   "CHK"
 ];
 function isExternalLinkLike(value) {
@@ -1729,14 +1807,14 @@ var no_unsafe_target_blank_default = createRule({
     type: "problem",
     docs: {
       description: `disallow 'target="_blank"' on an external link without 'rel="noreferrer noopener"'`,
-      [Symbol.for("rule_features")]: RULE_FEATURES12
+      [Symbol.for("rule_features")]: RULE_FEATURES13
     },
     messages: {
       noUnsafeTargetBlank: `Using 'target="_blank"' on an external link without 'rel="noreferrer noopener"' is a security risk.`
     },
     schema: []
   },
-  name: RULE_NAME13,
+  name: RULE_NAME14,
   create: create12,
   defaultOptions: []
 });
@@ -1787,8 +1865,8 @@ function create12(context) {
     }
   };
 }
-var RULE_NAME14 = "no-use-form-state";
-var RULE_FEATURES13 = [
+var RULE_NAME15 = "no-use-form-state";
+var RULE_FEATURES14 = [
   "CHK",
   "MOD"
 ];
@@ -1797,7 +1875,7 @@ var no_use_form_state_default = createRule({
     type: "problem",
     docs: {
       description: "replace usages of 'ReactDom.render()' with 'createRoot(node).render()'",
-      [Symbol.for("rule_features")]: RULE_FEATURES13
+      [Symbol.for("rule_features")]: RULE_FEATURES14
     },
     fixable: "code",
     messages: {
@@ -1805,7 +1883,7 @@ var no_use_form_state_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME14,
+  name: RULE_NAME15,
   create(context) {
     if (!context.sourceCode.text.includes("useFormState")) return {};
     const settings2 = getSettingsFromContext(context);
@@ -1819,14 +1897,14 @@ var no_use_form_state_default = createRule({
             context.report({
               messageId: "noUseFormState",
               node,
-              fix: getFix2(context, node)
+              fix: getFix3(context, node)
             });
             return;
           case (node.callee.type === AST_NODE_TYPES.MemberExpression && node.callee.object.type === AST_NODE_TYPES.Identifier && node.callee.property.type === AST_NODE_TYPES.Identifier && node.callee.property.name === "useFormState" && reactDomNames.has(node.callee.object.name)):
             context.report({
               messageId: "noUseFormState",
               node,
-              fix: getFix2(context, node)
+              fix: getFix3(context, node)
             });
             return;
         }
@@ -1853,7 +1931,7 @@ var no_use_form_state_default = createRule({
   },
   defaultOptions: []
 });
-function getFix2(context, node) {
+function getFix3(context, node) {
   const { importSource } = getSettingsFromContext(context);
   return (fixer) => {
     return [
@@ -1863,8 +1941,8 @@ function getFix2(context, node) {
     ];
   };
 }
-var RULE_NAME15 = "no-void-elements-with-children";
-var RULE_FEATURES14 = [
+var RULE_NAME16 = "no-void-elements-with-children";
+var RULE_FEATURES15 = [
   "CHK"
 ];
 var voidElements = /* @__PURE__ */ new Set([
@@ -1890,14 +1968,14 @@ var no_void_elements_with_children_default = createRule({
     type: "problem",
     docs: {
       description: "disallow void elements (AKA self-closing elements) from having children",
-      [Symbol.for("rule_features")]: RULE_FEATURES14
+      [Symbol.for("rule_features")]: RULE_FEATURES15
     },
     messages: {
       noVoidElementsWithChildren: "'{{element}}' is a void element tag and must not have children."
     },
     schema: []
   },
-  name: RULE_NAME15,
+  name: RULE_NAME16,
   create: create13,
   defaultOptions: []
 });
@@ -1944,6 +2022,7 @@ var plugin = {
     "no-dangerously-set-innerhtml-with-children": no_dangerously_set_innerhtml_with_children_default,
     "no-find-dom-node": no_find_dom_node_default,
     "no-flush-sync": no_flush_sync_default,
+    "no-hydrate": no_hydrate_default,
     "no-missing-button-type": no_missing_button_type_default,
     "no-missing-iframe-sandbox": no_missing_iframe_sandbox_default,
     "no-namespace": no_namespace_default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-dom",
-  "version": "1.34.2-beta.2",
+  "version": "1.34.2-beta.3",
   "description": "ESLint React's ESLint plugin for React DOM related rules.",
   "keywords": [
     "react",
@@ -49,12 +49,12 @@
     "compare-versions": "^6.1.1",
     "string-ts": "^2.2.1",
     "ts-pattern": "^5.6.2",
-    "@eslint-react/ast": "1.34.2-beta.2",
-    "@eslint-react/core": "1.34.2-beta.2",
-    "@eslint-react/eff": "1.34.2-beta.2",
-    "@eslint-react/jsx": "1.34.2-beta.2",
-    "@eslint-react/var": "1.34.2-beta.2",
-    "@eslint-react/shared": "1.34.2-beta.2"
+    "@eslint-react/ast": "1.34.2-beta.3",
+    "@eslint-react/core": "1.34.2-beta.3",
+    "@eslint-react/shared": "1.34.2-beta.3",
+    "@eslint-react/jsx": "1.34.2-beta.3",
+    "@eslint-react/eff": "1.34.2-beta.3",
+    "@eslint-react/var": "1.34.2-beta.3"
   },
   "devDependencies": {
     "@types/react": "^19.0.10",