Fallback to react-dom/server.browser in Pages router if Edge versio…

…n is not available

`react-dom/server.edge` is not available in React 18.
We were using `.browser` before when we were on React 18 so this should be safe.

packages/next/src/build/shims/ReactDOMServerEdgeIfAvailable.d.ts

@@ -0,0 +1 @@
+export * from 'react-dom/server.edge'

packages/next/src/build/shims/ReactDOMServerEdgeIfAvailable.js

@@ -0,0 +1,18 @@
+let ReactDOMServer
+
+try {
+  ReactDOMServer = require('react-dom/server.edge')
+} catch (error) {
+  if (
+    // TODO: copilot suggestion. Does this code actually exist?
+    error.code !== 'MODULE_NOT_FOUND' &&
+    // TODO: actually encountered that
+    error.code !== 'ERR_PACKAGE_PATH_NOT_EXPORTED'
+  ) {
+    throw error
+  }
+  // TOOD: Ensure App Router does not bundle this
+  ReactDOMServer = require('react-dom/server.browser')
+}
+
+module.exports = ReactDOMServer

packages/next/src/server/render.tsx

@@ -40,7 +40,7 @@ import type { Revalidate, SwrDelta } from './lib/revalidate'
 import type { COMPILER_NAMES } from '../shared/lib/constants'
 
 import React, { type JSX } from 'react'
-import ReactDOMServerEdge from 'react-dom/server.edge'
+import ReactDOMServerEdge from '../build/shims/ReactDOMServerEdgeIfAvailable'
 import { StyleRegistry, createStyleRegistry } from 'styled-jsx'
 import {
   GSP_NO_RETURNED_VALUE,

packages/next/webpack.config.js

@@ -2,6 +2,8 @@ const webpack = require('webpack')
 const path = require('path')
 const TerserPlugin = require('terser-webpack-plugin')
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')
+const { writeFileSync } = require('fs')
+const { StatsWriterPlugin } = require('webpack-stats-plugin')
 
 const pagesExternals = [
   'react',
@@ -13,6 +15,7 @@ const pagesExternals = [
   'react-dom/package.json',
   'react-dom/client',
   'react-dom/server',
+  'react-dom/server.browser',
   'react-dom/server.edge',
   'react-server-dom-webpack/client',
   'react-server-dom-webpack/client.edge',
@@ -219,6 +222,26 @@ module.exports = ({ dev, turbo, bundleType, experimental }) => {
               }
             : {}),
         }),
+
+      new StatsWriterPlugin({
+        stats: 'verbose',
+        transform(data) {
+          const json = JSON.stringify(data, null, 2)
+
+          writeFileSync(
+            path.join(
+              process.env.HOME,
+              'stats/next-bundle',
+              `stats.${bundleType}${
+                turbo ? `.turbo` : '.webpack'
+              }.${dev ? 'dev' : 'prod'}.bad.json`
+            ),
+            json
+          )
+
+          return json
+        },
+      }),
     ].filter(Boolean),
     stats: {
       optimizationBailout: true,