fix: strip comments for JSX pragma (#29145)

* fix: strip comments for JSX pragma * changelog for @fluentui/react-jsx-runtime
microsoft · Sep 14, 2023 · bad33fa · bad33fa
1 parent 3bf2de9
commit bad33fa
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/change/@fluentui-react-jsx-runtime-0290dc47-fd60-47c7-bc75-6d55b6beb5e6.json b/change/@fluentui-react-jsx-runtime-0290dc47-fd60-47c7-bc75-6d55b6beb5e6.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: strip comments for JSX pragma",
+  "packageName": "@fluentui/react-jsx-runtime",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/scripts/tasks/src/swc.ts b/scripts/tasks/src/swc.ts
@@ -43,14 +43,19 @@ async function swcTransform(options: Options) {
       outputPath,
     });
 
+    // Strip @jsx comments, see https://github.com/microsoft/fluentui/issues/29126
+    const resultCode = result.code
+      .replace('/** @jsxRuntime automatic */', '')
+      .replace('/** @jsxImportSource @fluentui/react-jsx-runtime */', '');
+
     const compiledFilePath = path.resolve(packageRoot, fileName.replace(`${sourceRootDirName}`, outputPath));
 
     //Create directory folder for new compiled file(s) to live in.
     await fs.promises.mkdir(compiledFilePath.replace(path.basename(compiledFilePath), ''), { recursive: true });
 
     const compiledFilePathJS = `${compiledFilePath.replace(tsFileExtensionRegex, '.js')}`;
 
-    await fs.promises.writeFile(compiledFilePathJS, result.code);
+    await fs.promises.writeFile(compiledFilePathJS, resultCode);
     if (result.map) {
       await fs.promises.writeFile(`${compiledFilePathJS}.map`, result.map);
     }