Fix MDX inline assets in static RSCs

Author: devongovett

packages/core/core/src/UncommittedAsset.js

@@ -364,10 +364,11 @@ export default class UncommittedAsset {
         filePath: this.value.filePath,
         type: result.type,
         bundleBehavior:
-          result.bundleBehavior ??
-          (this.value.bundleBehavior == null
-            ? null
-            : BundleBehaviorNames[this.value.bundleBehavior]),
+          result.bundleBehavior === undefined
+            ? this.value.bundleBehavior == null
+              ? null
+              : BundleBehaviorNames[this.value.bundleBehavior]
+            : result.bundleBehavior,
         isBundleSplittable:
           result.isBundleSplittable ?? this.value.isBundleSplittable,
         isSource: this.value.isSource,

packages/core/integration-tests/test/react-ssg.js

@@ -196,6 +196,10 @@ describe('react static', function () {
 
       Yo.
 
+      ~~~tsx render
+      <div>Hello</div>
+      ~~~
+
     another.mdx:
       import {Layout} from './Layout';
       export default Layout;
@@ -247,6 +251,7 @@ describe('react static', function () {
     assert(
       output.includes('<ul><li>Testing<ul><li>Sub title</li></ul></li></ul>'),
     );
+    assert(output.includes('<div>Hello</div'));
 
     output = await overlayFS.readFile(b.getBundles()[1].filePath, 'utf8');
     assert(output.includes('<title>Another page</title>'));
@@ -382,7 +387,7 @@ describe('react static', function () {
         export function Client() {
           return <Dynamic />;
         }
-          
+
       dynamic.jsx:
         import './client.css';
         export default function Dynamic() {

packages/packagers/react-static/src/ReactStaticPackager.js

@@ -509,7 +509,12 @@ function runModule(
 }
 
 function getCacheKey(asset: Asset) {
-  return asset.filePath + '#' + asset.env.context;
+  return (
+    asset.filePath +
+    '#' +
+    asset.env.context +
+    (asset.uniqueKey ? '-' + asset.uniqueKey : '')
+  );
 }
 
 function getSpecifier(dep: Dependency) {

packages/transformers/js/src/JSTransformer.js

@@ -536,6 +536,7 @@ export default (new Transformer({
                       content: a.content,
                       map,
                       uniqueKey: k,
+                      bundleBehavior: null,
                     });
 
                     asset.addDependency({
@@ -738,6 +739,7 @@ export default (new Transformer({
           content: mdxAsset.code,
           map,
           uniqueKey: 'mdx-' + i,
+          bundleBehavior: null,
         });
       }
     }