fix(replaceType): avoid modifying import not from 'react' (#456)

Co-authored-by: Sebastian "Sebbie" Silbermann <[email protected]>
Co-authored-by: eps1lon <[email protected]>

Author: henryqdineen

.changeset/sharp-dancers-breathe.md

@@ -0,0 +1,5 @@
+---
+"types-react-codemod": patch
+---
+
+Avoid modifying import not from `'react'` when replacing types.

transforms/__tests__/deprecated-react-node-array.js

@@ -129,11 +129,29 @@ test("namespace import", () => {
 test("in type parameters", () => {
 	expect(
 		applyTransform(`
-      import * as React from 'react';
+      import { ReactNodeArray } from 'react';
       createComponent<ReactNodeArray>();
     `),
 	).toMatchInlineSnapshot(`
-		"import * as React from 'react';
+		"import { ReactNode } from 'react';
 		createComponent<ReadonlyArray<ReactNode>>();"
 	`);
 });
+
+test("import from 'prop-types'", () => {
+	expect(
+		applyTransform(`
+      import { ReactNodeArray} from 'prop-types';
+      interface Props {
+  			href: string;
+  			children: ReactNodeArray;
+			};
+    `),
+	).toMatchInlineSnapshot(`
+		"import { ReactNodeArray} from 'prop-types';
+		   interface Props {
+				href: string;
+				children: ReactNodeArray;
+		};"
+	`);
+});

transforms/utils/replaceType.js

@@ -104,7 +104,8 @@ function replaceReactType(
 			const { typeName } = node;
 
 			return (
-				(typeName.type === "Identifier" &&
+				(sourceIdentifierImports.length > 0 &&
+					typeName.type === "Identifier" &&
 					typeName.name === sourceIdentifier) ||
 				(typeName.type === "TSQualifiedName" &&
 					typeName.right.type === "Identifier" &&