fix(react): SWC compiled code should include react jsx runtime (#10220)

Fixes #8869
nrwl · May 9, 2022 · 23f6d54 · 23f6d54
1 parent 6e10769
commit 23f6d54
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/e2e/web/src/web.test.ts b/e2e/web/src/web.test.ts
@@ -93,6 +93,11 @@ describe('Web Components Applications', () => {
     );
     checkFilesExist(`dist/apps/_should_not_remove.txt`);
 
+    // Asset that React runtime is imported
+    expect(readFile(`dist/libs/${libName}/index.esm.js`)).toMatch(
+      /react\/jsx-runtime/
+    );
+
     // `delete-output-path`
     createFile(`dist/apps/${appName}/_should_keep.txt`);
     runCLI(`build ${appName} --delete-output-path=false --outputHashing none`);

diff --git a/packages/web/src/executors/rollup/lib/swc-plugin.ts b/packages/web/src/executors/rollup/lib/swc-plugin.ts
@@ -7,6 +7,11 @@ export function swc(): Plugin {
     transform(code, filename) {
       return transform(code, {
         filename,
+        jsc: {
+          transform: {
+            react: { runtime: 'automatic' },
+          },
+        },
       });
     },
   };