fix: update imports to use 'react-dom/client' for createRoot and render

Author: Rel1cx

packages/plugins/eslint-plugin-react-dom/src/rules/no-render.spec.ts

@@ -8,16 +8,16 @@ ruleTester.run(RULE_NAME, rule, {
     {
       code: tsx`
         import React from "react";
-        import { render } from "react-dom";
+        import { render } from "react-dom/client";
         import Component from "Component";
 
         render(<Component />, document.getElementById("app"));
       `,
       errors: [{ messageId: "noRender" }],
       output: tsx`
-        import { createRoot } from "react-dom";
+        import { createRoot } from "react-dom/client";
         import React from "react";
-        import { render } from "react-dom";
+        import { render } from "react-dom/client";
         import Component from "Component";
 
         createRoot(document.getElementById("app")).render(<Component />);
@@ -33,7 +33,7 @@ ruleTester.run(RULE_NAME, rule, {
       `,
       errors: [{ messageId: "noRender" }],
       output: tsx`
-        import { createRoot } from "react-dom";
+        import { createRoot } from "react-dom/client";
         import React from "react";
         import ReactDom from "react-dom";
         import Component from "Component";
@@ -45,7 +45,7 @@ ruleTester.run(RULE_NAME, rule, {
   valid: [
     tsx`
       import React from "react";
-      import { render } from "react-dom";
+      import { render } from "react-dom/client";
       import Component from "Component";
 
       createRoot(document.getElementById("app")).render(<Component />);

packages/plugins/eslint-plugin-react-dom/src/rules/no-render.ts

@@ -100,7 +100,7 @@ function getFix(context: RuleContext, node: TSESTree.CallExpression) {
       "(" + getText(arg0) + ")",
     ].join("");
     return [
-      fixer.insertTextBefore(context.sourceCode.ast, 'import { createRoot } from "react-dom";\n'),
+      fixer.insertTextBefore(context.sourceCode.ast, 'import { createRoot } from "react-dom/client";\n'),
       fixer.replaceText(node, fixedCallExpressionText),
     ];
   };