Merge branch 'codemods-v3' of github.com:codemod-com/react-codemod into codemods-v3

Author: rickhanlonii

.eslintrc.js

@@ -1,5 +1,5 @@
 module.exports = {
-  parser: 'babel-eslint',
+  parser: '@typescript-eslint/parser',
 
   extends: './node_modules/fbjs-scripts/eslint/.eslintrc.js',
 

README.md

@@ -127,6 +127,22 @@ npx codemod react/19/replace-use-form-state --target <path>
 npx react-codemod replace-use-form-state <path>
 ```
 
+#### `replace-reactdom-render`
+
+Replaces usages of ReactDom.render() with createRoot(node).render().
+
+Run with `react-codemod` CLI for basic experience:
+
+```sh
+npx react-codemod replace-reactdom-render <path>
+```
+
+or use `codemod` CLI for better experience and support:
+
+```sh
+npx codemod react/19/replace-reactdom-render --target <path>
+```
+
 #### `create-element-to-jsx`
 
 Converts calls to `React.createElement` into JSX elements.

bin/cli.js

@@ -232,6 +232,11 @@ const TRANSFORMER_INQUIRER_CHOICES = [
       'replace-string-ref: Replaces deprecated string ref with callback ref',
     value: 'replace-string-ref'
   },
+  {
+    name:
+      'replace-reactdom-render: Replaces deprecated ReactDom.render',
+    value: 'replace-reactdom-render'
+  },
 ];
 
 const PARSER_INQUIRER_CHOICES = [

package.json

@@ -30,7 +30,7 @@
       "bin"
     ],
     "transform": {
-      "^.+\\.jsx?$": "babel-jest", 
+      "^.+\\.jsx?$": "babel-jest",
       "^.+\\.tsx?$": "ts-jest"
     }
   },
@@ -39,6 +39,7 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.6.2",
     "@babel/preset-env": "^7.6.3",
     "@types/jest": "^24.9.0",
+    "@typescript-eslint/parser": "^7.8.0",
     "babel-eslint": "^10.0.3",
     "babel-jest": "^24.9.0",
     "eslint": "^6.6.0",

transforms/__testfixtures__/custom-sort-group/.eslintrc

@@ -1,4 +1,5 @@
 ---
+parser: babel-eslint
 plugins:
   - react
 rules:

transforms/__testfixtures__/custom-sort/.eslintrc

@@ -1,4 +1,5 @@
 ---
+parser: babel-eslint
 plugins:
   - react
 rules:

transforms/__testfixtures__/remove-forward-ref/callee-is-member-expression.input.js

@@ -0,0 +1,5 @@
+import * as React1 from 'react';
+
+const MyInput = React1.forwardRef((props, ref) => {
+	return null;
+});

transforms/__testfixtures__/remove-forward-ref/callee-is-member-expression.output.js

@@ -0,0 +1,10 @@
+import * as React1 from 'react';
+
+const MyInput = (
+    {
+        ref,
+        ...props
+    }
+) => {
+	return null;
+};

transforms/__testfixtures__/remove-forward-ref/typescript/props-type-literal.input.js

@@ -0,0 +1,7 @@
+import { forwardRef } from 'react';
+const MyComponent = forwardRef(function Component(
+    myProps: { a: 1 },
+    myRef
+) {
+    return null;
+});

transforms/__testfixtures__/remove-forward-ref/typescript/props-type-literal.output.js

@@ -0,0 +1,10 @@
+const MyComponent = function Component(
+    {
+        ref: myRef,
+        ...myProps
+    }: { a: 1 } & {
+        ref: React.RefObject<unknown>
+    }
+) {
+    return null;
+};