fix(icons): update internal import specifier (#12265)

* fix(icons): update internal import specifier

* update index with file specifier

Author: kmcfaul

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);

packages/react-icons/src/index.ts

@@ -1 +1 @@
-export * from './icons/index';
+export * from './icons/index.js';