Preserve type import

Sebastian Silbermann · Sebastian Silbermann · commit 5be333265389 · 2024-02-19T21:46:53.000+01:00
diff --git a/transforms/__tests__/deprecated-legacy-ref.js b/transforms/__tests__/deprecated-legacy-ref.js
@@ -48,6 +48,24 @@ test("named import", () => {
 	`);
 });
 
+test("named type import", () => {
+	expect(
+		applyTransform(`
+      import { type LegacyRef } from 'react';
+		interface Props<T> {
+				legacyRef?: LegacyRef;
+				legacyRefTyped?: LegacyRef<T>;
+			}
+    `),
+	).toMatchInlineSnapshot(`
+		"import { type Ref } from 'react';
+		interface Props<T> {
+				legacyRef?: Ref;
+				legacyRefTyped?: Ref<T>;
+			}"
+	`);
+});
+
 test("named import with existing target import", () => {
 	expect(
 		applyTransform(`
diff --git a/transforms/deprecated-legacy-ref.js b/transforms/deprecated-legacy-ref.js
@@ -35,8 +35,12 @@ const deprecatedLegacyRefTransform = (file, api) => {
 		sourceIdentifierImports.remove();
 	} else if (sourceIdentifierImports.length > 0) {
 		hasChanges = true;
-		sourceIdentifierImports.replaceWith(() => {
+		sourceIdentifierImports.replaceWith((path) => {
 			const importSpecifier = j.importSpecifier(j.identifier("Ref"));
+			if ("importKind" in path.node) {
+				// @ts-expect-error -- Missing types in jscodeshift. Babel uses `importKind`: https://astexplorer.net/#/gist/a76bd35f28483a467fef29d3c63aac9b/0e7ba6688fc09bd11b92197349b2384bb4c94574
+				importSpecifier.importKind = path.node.importKind;
+			}
 
 			return importSpecifier;
 		});
