Restrict React DOM imports from Server Components (#27382)

Adds a separate entry point for the react-dom package when it's accessed
from a Server Component environment, using the "react-server" export
condition.

When you're inside a Server Component module, you won't be able to
import client-only APIs like useState. This applies to almost all React
DOM exports, except for Float ones like preload.

scripts/rollup/bundles.js

@@ -165,6 +165,18 @@ const bundles = [
     externals: ['react'],
   },
 
+  /******* React DOM Shared Subset *******/
+  {
+    bundleTypes: [NODE_DEV, NODE_PROD],
+    moduleType: RENDERER,
+    entry: 'react-dom/src/ReactDOMSharedSubset.js',
+    name: 'react-dom.shared-subset',
+    global: 'ReactDOM',
+    minifyWithProdErrorCodes: false,
+    wrapWithModuleBoundaries: false,
+    externals: ['react'],
+  },
+
   /******* Test Utils *******/
   {
     moduleType: RENDERER_UTILS,

scripts/rollup/forks.js

@@ -84,7 +84,11 @@ const forks = Object.freeze({
     entry,
     dependencies
   ) => {
-    if (entry === 'react-dom' || entry === 'react-dom/server-rendering-stub') {
+    if (
+      entry === 'react-dom' ||
+      entry === 'react-dom/server-rendering-stub' ||
+      entry === 'react-dom/src/ReactDOMSharedSubset.js'
+    ) {
       return './packages/react-dom/src/ReactDOMSharedInternals.js';
     }
     if (

scripts/shared/inlinedHostConfigs.js

@@ -11,6 +11,7 @@ module.exports = [
     shortName: 'dom-node',
     entryPoints: [
       'react-dom',
+      'react-dom/src/ReactDOMSharedSubset.js',
       'react-dom/unstable_testing',
       'react-dom/src/server/react-dom-server.node.js',
       'react-dom/static.node',
@@ -21,6 +22,7 @@ module.exports = [
     ],
     paths: [
       'react-dom',
+      'react-dom/src/ReactDOMSharedSubset.js',
       'react-dom-bindings',
       'react-dom/client',
       'react-dom/server',
@@ -73,6 +75,7 @@ module.exports = [
     ],
     paths: [
       'react-dom',
+      'react-dom/src/ReactDOMSharedSubset.js',
       'react-dom-bindings',
       'react-dom/client',
       'react-dom/server.browser',
@@ -101,6 +104,7 @@ module.exports = [
     entryPoints: ['react-server-dom-esm/client.browser'],
     paths: [
       'react-dom',
+      'react-dom/src/ReactDOMSharedSubset.js',
       'react-dom/client',
       'react-dom/server',
       'react-dom/server.node',
@@ -128,6 +132,7 @@ module.exports = [
     ],
     paths: [
       'react-dom',
+      'react-dom/src/ReactDOMSharedSubset.js',
       'react-dom-bindings',
       'react-dom/client',
       'react-dom/server.edge',
@@ -158,6 +163,7 @@ module.exports = [
     ],
     paths: [
       'react-dom',
+      'react-dom/src/ReactDOMSharedSubset.js',
       'react-dom-bindings',
       'react-dom/client',
       'react-dom/server',
@@ -192,6 +198,7 @@ module.exports = [
     ],
     paths: [
       'react-dom',
+      'react-dom/src/ReactDOMSharedSubset.js',
       'react-dom-bindings',
       'react-dom/client',
       'react-dom/server',
@@ -224,6 +231,7 @@ module.exports = [
     ],
     paths: [
       'react-dom',
+      'react-dom/src/ReactDOMSharedSubset.js',
       'react-dom-bindings',
       'react-server-dom-webpack',
       'react-dom/src/server/ReactDOMLegacyServerImpl.js', // not an entrypoint, but only usable in *Brower and *Node files
@@ -241,6 +249,7 @@ module.exports = [
     entryPoints: ['react-server-dom-fb/src/ReactDOMServerFB.js'],
     paths: [
       'react-dom',
+      'react-dom/src/ReactDOMSharedSubset.js',
       'react-dom-bindings',
       'react-server-dom-fb',
       'shared/ReactDOMSharedInternals',