fix (codemods/react/update-react-imports): resolve issues with detecting imports like * as React, add support for TypeScript structures, and fix MouseEvent handling in the codemod

codemods/react/update-react-imports/__testfixtures__/any-import.input.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+function MyComponent() {
+    const [count, setCount] = React.useState(0);
+
+    const increment = (event: React.MouseEvent<HTMLButtonElement>) => {
+        console.log(event);
+        setCount(count + 1);
+    };
+
+    return React.createElement(
+        'div',
+        null,
+        React.createElement(React.Fragment, null, 'Hello'),
+    );
+}

codemods/react/update-react-imports/__testfixtures__/any-import.output.tsx

@@ -0,0 +1,17 @@
+import type { MouseEvent } from 'react';
+import { useState, createElement, Fragment } from 'react';
+
+function MyComponent() {
+    const [count, setCount] = useState(0);
+
+    const increment = (event: MouseEvent<HTMLButtonElement>) => {
+        console.log(event);
+        setCount(count + 1);
+    };
+
+    return createElement(
+        'div',
+        null,
+        createElement(Fragment, null, 'Hello'),
+    );
+}

codemods/react/update-react-imports/__testfixtures__/default-import.input.tsx

@@ -1,9 +1,9 @@
-import React from "react";
+import React from 'react';
 
 function MyComponent() {
-  return React.createElement(
-    "div",
-    null,
-    React.createElement(React.Fragment, null, "Hello"),
-  );
+    return React.createElement(
+        'div',
+        null,
+        React.createElement(React.Fragment, null, 'Hello'),
+    );
 }

codemods/react/update-react-imports/__testfixtures__/default-import.output.tsx

@@ -1,5 +1,9 @@
-import { createElement, Fragment } from "react";
+import { createElement, Fragment } from 'react';
 
 function MyComponent() {
-  return createElement("div", null, createElement(Fragment, null, "Hello"));
-}
+    return createElement(
+        'div',
+        null,
+        createElement(Fragment, null, 'Hello'),
+    );
+}

codemods/react/update-react-imports/__testfixtures__/type-import.output.tsx

@@ -1,6 +1,7 @@
-import * as React from "react";
+import type { ComponentProps, ReactElement } from "react";
+import { createElement } from "react";
 
-type Props = React.ComponentProps<"div">;
-type Element = React.ReactElement;
+type Props = ComponentProps<"div">;
+type Element = ReactElement;
 
-const element = React.createElement("div");
+const element = createElement("div");