diff --git a/packages/react-dom-bindings/src/server/ReactDOMServerFormatConfig.js b/packages/react-dom-bindings/src/server/ReactDOMServerFormatConfig.js
index 77a7067e5d413..09c879e8aa425 100644
--- a/packages/react-dom-bindings/src/server/ReactDOMServerFormatConfig.js
+++ b/packages/react-dom-bindings/src/server/ReactDOMServerFormatConfig.js
@@ -2056,25 +2056,28 @@ function pushScript(
const src = props.src;
const key = getResourceKey('script', src);
if (props.async !== true || props.onLoad || props.onError) {
- // We can't resourcify scripts with load listeners. To avoid ambiguity with
- // other Resourcified async scripts on the server we omit them from the server
- // stream and expect them to be inserted during hydration on the client.
- // We can still preload them however so the client can start fetching the script
- // as soon as possible
- let resource = resources.preloadsMap.get(key);
- if (!resource) {
- resource = {
- type: 'preload',
- chunks: [],
- state: NoState,
- props: preloadAsScriptPropsFromProps(props.src, props),
- };
- resources.preloadsMap.set(key, resource);
- if (__DEV__) {
- markAsImplicitResourceDEV(resource, props, resource.props);
+ // we don't want to preload nomodule scripts
+ if (props.noModule !== true) {
+ // We can't resourcify scripts with load listeners. To avoid ambiguity with
+ // other Resourcified async scripts on the server we omit them from the server
+ // stream and expect them to be inserted during hydration on the client.
+ // We can still preload them however so the client can start fetching the script
+ // as soon as possible
+ let resource = resources.preloadsMap.get(key);
+ if (!resource) {
+ resource = {
+ type: 'preload',
+ chunks: [],
+ state: NoState,
+ props: preloadAsScriptPropsFromProps(props.src, props),
+ };
+ resources.preloadsMap.set(key, resource);
+ if (__DEV__) {
+ markAsImplicitResourceDEV(resource, props, resource.props);
+ }
+ resources.usedScripts.add(resource);
+ pushLinkImpl(resource.chunks, resource.props);
}
- resources.usedScripts.add(resource);
- pushLinkImpl(resource.chunks, resource.props);
}
if (props.async !== true) {
diff --git a/packages/react-dom/src/__tests__/ReactDOMFloat-test.js b/packages/react-dom/src/__tests__/ReactDOMFloat-test.js
index 4c503bbe29f54..773944db3d014 100644
--- a/packages/react-dom/src/__tests__/ReactDOMFloat-test.js
+++ b/packages/react-dom/src/__tests__/ReactDOMFloat-test.js
@@ -2639,6 +2639,29 @@ body {
);
});
+ it('does not preload nomodule scripts', async () => {
+ await actIntoEmptyDocument(() => {
+ renderToPipeableStream(
+
+
+
+
+
+ ,
+ ).pipe(writable);
+ });
+ expect(getMeaningfulChildren(document)).toEqual(
+
+
+
+
+
+
+
+ ,
+ );
+ });
+
describe('ReactDOM.prefetchDNS(href)', () => {
it('creates a dns-prefetch resource when called', async () => {
function App({url}) {