diff --git a/packages/react-icons/scripts/writeIcons.mjs b/packages/react-icons/scripts/writeIcons.mjs
index 886303888e2..e2f2703f257 100644
--- a/packages/react-icons/scripts/writeIcons.mjs
+++ b/packages/react-icons/scripts/writeIcons.mjs
@@ -36,7 +36,7 @@ exports["default"] = exports.${jsName};
 const writeESMExport = (fname, jsName, icon, rhUiIcon = null) => {
   outputFileSync(
     join(outDir, 'esm/icons', `${fname}.js`),
-    `import { createIcon } from '../createIcon';
+    `import { createIcon } from '../createIcon.js';
 
 export const ${jsName}Config = {
   name: '${jsName}',
@@ -53,7 +53,7 @@ export default ${jsName};
 
 const writeDTSExport = (fname, jsName, icon, rhUiIcon = null) => {
   const text = `import { ComponentClass } from 'react';
-import { SVGIconProps } from '../createIcon';
+import { SVGIconProps } from '../createIcon.js';
 export declare const ${jsName}Config: {
   name: '${jsName}',
   icon: ${JSON.stringify(icon)},
@@ -126,7 +126,7 @@ function writeIcons(icons) {
   });
 
   const esmIndexString = index
-    .map(({ fname, jsName }) => `export { ${jsName}, ${jsName}Config } from './${fname}';`)
+    .map(({ fname, jsName }) => `export { ${jsName}, ${jsName}Config } from './${fname}.js';`)
     .sort()
     .join('\n');
   outputFileSync(join(outDir, 'esm', 'icons/index.js'), esmIndexString);
diff --git a/packages/react-icons/src/index.ts b/packages/react-icons/src/index.ts
index 7fb22e8335d..c73a2d0b48c 100644
--- a/packages/react-icons/src/index.ts
+++ b/packages/react-icons/src/index.ts
@@ -1 +1 @@
-export * from './icons/index';
+export * from './icons/index.js';