Reproduction of using node_modules server components with client component inside of it

packages/plugin-rsc/examples/browser-mode/package.json

@@ -5,13 +5,16 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "rm -rf ./node_modules/.vite && vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
+    "@storybook/nextjs-vite-rsc": "0.0.0-pr-32412-sha-b8362176",
+    "storybook": "0.0.0-pr-32412-sha-b8362176",
     "react": "^19.1.1",
-    "react-dom": "^19.1.1"
+    "react-dom": "^19.1.1",
+    "next": "^15.5.4"
   },
   "devDependencies": {
     "@types/react": "^19.1.16",

packages/plugin-rsc/examples/browser-mode/src/client.tsx

@@ -1,13 +1,16 @@
 'use client'
 
 import React from 'react'
+import { usePathname } from 'next/navigation'
 
 export function ClientCounter() {
+  const pathname = usePathname()
   const [count, setCount] = React.useState(0)
 
   return (
     <button onClick={() => setCount((count) => count + 1)}>
-      Client Counter: {count}
+      Client Counter: {count} <br />
+      Injected pathname: {pathname}
     </button>
   )
 }

packages/plugin-rsc/examples/browser-mode/src/root.tsx

@@ -6,8 +6,26 @@ import { ClientCounter } from './client.tsx'
 import { TestUseActionState } from './action-from-client/client.tsx'
 import { TestActionBind } from './action-bind/server.tsx'
 
+// Using a server component that uses NextRouter does not work
+import { ServerComponent } from '@storybook/nextjs-vite-rsc/repro'
+
+// using the client component directly works
+import { NextRouter } from '@storybook/nextjs-vite-rsc/rsc/client'
+
 export function Root() {
-  return <App />
+  return (
+    <ServerComponent>
+      <App />
+    </ServerComponent>
+  )
+}
+
+export function WorkingRoot() {
+  return (
+    <NextRouter url="/some-path-name">
+      <App />
+    </NextRouter>
+  )
 }
 
 function App() {

packages/plugin-rsc/examples/browser-mode/vite.config.ts

@@ -4,6 +4,7 @@ import {
   getPluginApi,
   type PluginApi,
 } from '@vitejs/plugin-rsc/plugin'
+import * as path from 'node:path'
 // import inspect from 'vite-plugin-inspect'
 
 export default defineConfig({
@@ -35,10 +36,24 @@ function rscBrowserModePlugin(): Plugin[] {
       config(userConfig, env) {
         return {
           define: {
+            'process.env': JSON.stringify({}),
+            __dirname: JSON.stringify(null),
             'import.meta.env.__vite_rsc_build__': JSON.stringify(
               env.command === 'build',
             ),
           },
+          resolve: {
+            alias: {
+              '@vercel/turbopack-ecmascript-runtime/browser/dev/hmr-client/hmr-client.ts':
+                'next/dist/client/dev/noop-turbopack-hmr',
+              'react-server-dom-webpack/client': path.resolve(
+                '../../dist/vendor/react-server-dom/client.edge.js',
+              ),
+              'react-server-dom-webpack/client.edge': path.resolve(
+                '../../dist/vendor/react-server-dom/client.edge.js',
+              ),
+            },
+          },
           environments: {
             client: {
               keepProcessEnv: false,
@@ -54,6 +69,7 @@ function rscBrowserModePlugin(): Plugin[] {
                   'react/jsx-dev-runtime',
                   '@vitejs/plugin-rsc/vendor/react-server-dom/server.edge',
                   '@vitejs/plugin-rsc/vendor/react-server-dom/client.edge',
+                  '@storybook/nextjs-vite-rsc/rsc/client',
                 ],
                 exclude: ['vite', '@vitejs/plugin-rsc'],
               },
@@ -75,6 +91,8 @@ function rscBrowserModePlugin(): Plugin[] {
                   'react/jsx-runtime',
                   'react/jsx-dev-runtime',
                   '@vitejs/plugin-rsc/vendor/react-server-dom/client.browser',
+                  '@storybook/nextjs-vite-rsc/rsc/client',
+                  'next/navigation',
                 ],
                 exclude: ['@vitejs/plugin-rsc'],
                 esbuildOptions: {

packages/plugin-rsc/src/plugin.ts

@@ -267,6 +267,7 @@ export function vitePluginRscMinimal(
     ...vitePluginUseServer(rscPluginOptions, manager),
     ...vitePluginDefineEncryptionKey(rscPluginOptions),
     scanBuildStripPlugin({ manager }),
+    ...cjsModuleRunnerPlugin(),
   ]
 }