Avoid bundling react-dom/server.browser in Pages router

crates/next-core/src/next_import_map.rs

@@ -567,6 +567,15 @@ async fn insert_next_server_special_aliases(
         external_esm_if_node(project_path, "next/dist/compiled/@vercel/og/index.node.js"),
     );
 
+    import_map.insert_exact_alias(
+        "next/dist/server/ReactDOMServerPages",
+        ImportMapping::Alternatives(vec![
+            request_to_import_mapping(project_path, "react-dom/server.edge"),
+            request_to_import_mapping(project_path, "react-dom/server.browser"),
+        ])
+        .cell()
+    );
+
     import_map.insert_exact_alias(
         "@opentelemetry/api",
         // It needs to prefer the local version of @opentelemetry/api

packages/next/src/build/create-compiler-aliases.ts

@@ -1,4 +1,5 @@
 import path from 'path'
+import * as React from 'react'
 import {
   DOT_NEXT_ALIAS,
   PAGES_DIR_ALIAS,
@@ -21,6 +22,8 @@ interface CompilerAliases {
   [alias: string]: string | string[]
 }
 
+const isReact19 = typeof React.use === 'function'
+
 export function createWebpackAliases({
   distDir,
   isClient,
@@ -90,6 +93,12 @@ export function createWebpackAliases({
   return {
     '@vercel/og$': 'next/dist/server/og/image-response',
 
+    // Avoid bundling both entrypoints in React 19 when we just need one.
+    // Also avoids bundler warnings in React 18 where react-dom/server.edge doesn't exist.
+    'next/dist/server/ReactDOMServerPages': isReact19
+      ? 'react-dom/server.edge'
+      : 'react-dom/server.browser',
+
     // Alias next/dist imports to next/dist/esm assets,
     // let this alias hit before `next` alias.
     ...(isEdgeServer

packages/next/src/build/webpack-config.ts

@@ -1974,14 +1974,6 @@ export default async function getBaseWebpackConfig(
           )
         ),
     ].filter(Boolean as any as ExcludesFalse),
-    ignoreWarnings: [
-      (warning) => {
-        // require('react-dom/server.edge') is wrapped in try-catch so save to ignore.
-        return warning.message.startsWith(
-          'Module not found: Error: Package path ./server.edge is not exported from package'
-        )
-      },
-    ],
   }
 
   // Support tsconfig and jsconfig baseUrl

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 ReactDOMServerPages from './ReactDOMServerPages'
+import ReactDOMServerPages from 'next/dist/server/ReactDOMServerPages'
 import { StyleRegistry, createStyleRegistry } from 'styled-jsx'
 import {
   GSP_NO_RETURNED_VALUE,

packages/next/types/$$compiled.internal.d.ts

@@ -37,6 +37,10 @@ declare module 'VAR_USERLAND'
 declare module 'VAR_MODULE_DOCUMENT'
 declare module 'VAR_MODULE_APP'
 
+declare module 'next/dist/server/ReactDOMServerPages' {
+  export * from 'react-dom/server.edge'
+}
+
 declare module 'next/dist/compiled/@napi-rs/triples' {
   export * from '@napi-rs/triples'
 }

packages/next/types/react-dom.d.ts

@@ -70,10 +70,6 @@ declare module 'react-dom/server.edge' {
   >
 }
 
-declare module 'react-dom/server.browser' {
-  export * from 'react-dom/server.edge'
-}
-
 declare module 'react-dom/static.edge' {
   import type { JSX } from 'react'
   /**