[mcp] Fix unresolved imports (facebook#33105)

poteto · web-flow · commit e39b380a21aa · 2025-05-02T16:54:17.000-04:00
We need to explicitly import the modules so they'll be inlined correctly
into the bundle.
diff --git a/compiler/packages/react-mcp-server/src/tools/runtimePerf.ts b/compiler/packages/react-mcp-server/src/tools/runtimePerf.ts
@@ -1,5 +1,11 @@
 import * as babel from '@babel/core';
 import puppeteer from 'puppeteer';
+// @ts-ignore
+import * as babelPresetTypescript from '@babel/preset-typescript';
+// @ts-ignore
+import * as babelPresetEnv from '@babel/preset-env';
+// @ts-ignore
+import * as babelPresetReact from '@babel/preset-react';
 
 type PerformanceResults = {
   renderTime: number;
@@ -25,15 +31,11 @@ export async function measurePerformance(
   code: string,
   iterations: number,
 ): Promise<PerformanceResults> {
-  const babelOptions = {
+  const babelOptions: babel.TransformOptions = {
     filename: 'anonymous.tsx',
     configFile: false,
     babelrc: false,
-    presets: [
-      '@babel/preset-typescript',
-      '@babel/preset-env',
-      '@babel/preset-react',
-    ],
+    presets: [babelPresetTypescript, babelPresetEnv, babelPresetReact],
   };
 
   const parsed = await babel.parseAsync(code, babelOptions);
