chore: add build:esm script to compile ts before icon generation

Author: mcoker

packages/react-icons/package.json

@@ -26,8 +26,9 @@
   "homepage": "https://github.com/patternfly/patternfly-react#readme",
   "scripts": {
     "build:single:packages": "node ../../scripts/build-single-packages.mjs --config single-packages.config.json",
+    "build:esm": "tsc --build tsconfig.json",
     "clean": "rimraf dist src/icons src/index.js src/index.d.ts",
-    "generate": "rimraf dist/esm/icons dist/js/icons && node scripts/writeIcons.mjs"
+    "generate": "rimraf dist/esm/icons dist/js/icons && yarn build:esm && node scripts/writeIcons.mjs"
   },
   "devDependencies": {
     "@fortawesome/free-brands-svg-icons": "^5.15.4",

packages/react-icons/scripts/writeIcons.mjs

@@ -1,13 +1,16 @@
 import { join } from 'path';
 import { outputFileSync, ensureDirSync } from 'fs-extra/esm';
 import { generateIcons } from './generateIcons.mjs';
-import { createIcon } from '../dist/esm/createIcon.js';
 import React from 'react';
 import { renderToString } from 'react-dom/server';
 
 import * as url from 'url';
 const __dirname = url.fileURLToPath(new URL('.', import.meta.url));
 
+// Import createIcon from compiled dist (build:esm must run first)
+const createIconModule = await import('../dist/esm/createIcon.js');
+const createIcon = createIconModule.createIcon;
+
 const outDir = join(__dirname, '../dist');
 const staticDir = join(outDir, 'static');