A script to generate typescript types for @carbon/icons-react v11

generateCarbonIconsTypeDefinitions.mjs

import fs from 'fs';
import path from 'path';

import carbonIcons from '@carbon/icons-react';

const fileContent = `${Object.keys(carbonIcons).reduce(
  (result, iconName) =>
    `${result}  declare export const ${iconName}: ComponentType;\n`,
  `/* this file is generated, recommend adding to prettier and eslint ignore and committing to git. DO NOT EDIT */
  declare module '@carbon/icons-react' {
    type SizeType = 16 | 20 | 24 | 32;
    type ComponentType = React.ForwardRefExoticComponent<
      {
        size: SizeType | \`\${SizeType}\`;
      } & React.RefAttributes<SVGSVGElement>
    >;
`
)}\n}`;

fs.writeFileSync(
  path.resolve('./src/definitions/carbonIcons.d.ts'),
  fileContent
);