From f830731add2e6602bd9f06c026847870d3a5dd49 Mon Sep 17 00:00:00 2001
From: Lauren Tan <poteto@users.noreply.github.com>
Date: Fri, 2 May 2025 16:45:08 -0400
Subject: [PATCH] [mcp] Fix unresolved imports

We need to explicitly import the modules so they'll be inlined correctly into the bundle.
---
 .../react-mcp-server/src/tools/runtimePerf.ts      | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/compiler/packages/react-mcp-server/src/tools/runtimePerf.ts b/compiler/packages/react-mcp-server/src/tools/runtimePerf.ts
index bc46f496ec463..7f4d0a1efecd8 100644
--- 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);