fix(rsc): exclude react 3rd party libs from server optimizeDeps (#1119)

Author: hi-ogawa

packages/plugin-rsc/examples/react-router/cf/vite.config.ts

@@ -40,15 +40,5 @@ export default defineConfig({
         include: ['react-router', 'react-router/internal/react-server-client'],
       },
     },
-    ssr: {
-      optimizeDeps: {
-        exclude: ['react-router'],
-      },
-    },
-    rsc: {
-      optimizeDeps: {
-        exclude: ['react-router'],
-      },
-    },
   },
 })

packages/plugin-rsc/src/plugin.ts

@@ -486,6 +486,10 @@ export default function vitePluginRsc(
           PKG_NAME,
           ...result.ssr.noExternal.sort(),
         ]
+        const optimizeDepsExclude = noExternal.filter(
+          (pkg) =>
+            !['react', 'react-dom', 'react-server-dom-webpack'].includes(pkg),
+        )
         hasReactServerDomWebpack = result.ssr.noExternal.includes(
           'react-server-dom-webpack',
         )
@@ -542,7 +546,7 @@ export default function vitePluginRsc(
                   'react-dom/static.edge',
                   `${reactServerDomPackageName}/client.edge`,
                 ],
-                exclude: [PKG_NAME],
+                exclude: [PKG_NAME, ...optimizeDepsExclude],
               },
             },
             rsc: {
@@ -569,7 +573,7 @@ export default function vitePluginRsc(
                   `${reactServerDomPackageName}/server.edge`,
                   `${reactServerDomPackageName}/client.edge`,
                 ],
-                exclude: [PKG_NAME],
+                exclude: [PKG_NAME, ...optimizeDepsExclude],
               },
             },
           },