import-js · JounQin · Mar 12, 2025 · Jun 20, 2024 · Mar 12, 2025 · Mar 12, 2025
diff --git a/.changeset/loud-avocados-bake.md b/.changeset/loud-avocados-bake.md
@@ -0,0 +1,5 @@
+---
+"eslint-import-resolver-typescript": patch
+---
+
+fix: add support for importing with .js extension as tsx importee
diff --git a/.size-limit.json b/.size-limit.json
@@ -1,6 +1,6 @@
 [
   {
     "path": "./lib/index.js",
-    "limit": "3.1kB"
+    "limit": "3.2kB"
   }
 ]
diff --git a/src/index.ts b/src/index.ts
@@ -362,18 +362,25 @@ function getMappedPaths(
     const isJs = JS_EXT_PATTERN.test(source)
     if (isJs) {
       const jsExt = path.extname(source)
+      // cjs -> cts, js -> ts, jsx -> tsx, mjs -> mts
       const tsExt = jsExt.replace('js', 'ts')
+
       const basename = source.replace(JS_EXT_PATTERN, '')
 
-      const mappedPaths = getMappedPaths(basename + tsExt, file)
+      let resolved = getMappedPaths(basename + tsExt, file)
 
-      const resolved =
-        mappedPaths.length > 0
-          ? mappedPaths
-          : getMappedPaths(
-              basename + '.d' + (tsExt === '.tsx' ? '.ts' : tsExt),
-              file,
-            )
+      if (resolved.length === 0 && jsExt === '.js') {
+        // js -> tsx
+        const tsxExt = jsExt.replace('js', 'tsx')
+        resolved = getMappedPaths(basename + tsxExt, file)
+      }
+
+      if (resolved.length === 0) {
+        resolved = getMappedPaths(
+          basename + '.d' + (tsExt === '.tsx' ? '.ts' : tsExt),
+          file,
+        )
+      }
 
       if (resolved.length > 0) {
         return resolved

diff --git a/tests/withPaths/index.ts b/tests/withPaths/index.ts
@@ -6,9 +6,13 @@ import './subfolder/tsxImportee'
 
 // import using tsconfig.json path mapping
 import 'folder/tsImportee'
+import 'folder/tsImportee.js'
 import 'folder/tsxImportee'
+import 'folder/tsxImportee.js'
 import 'folder/subfolder/tsImportee'
+import 'folder/subfolder/tsImportee.js'
 import 'folder/subfolder/tsxImportee'
+import 'folder/subfolder/tsxImportee.js'
 
 // import module with typings set in package.json
 import 'folder/module'