Plugin error when using ssr: false

[vickyRathee]

I have small 5 pages SPA, and would like to render the initial html only from the server to set the header, title, meta tags etc. Rest all navigation should be on client side only.

So I used your example and passed all the loader data on root level, everything working fine on react-router dev, but getting plugin errors on build:

react-router.config.ts

import type { Config } from '@react-router/dev/config'

export default {
  ssr: false,
} satisfies Config

Build error on entry.server.tsx

hono-react-router-adapter/examples/cloudflare-workers/app/entry.server.tsx

Line 16 in 2e872a5

const body = await renderToReadableStream(

[react-router] The requested module 'react-dom/server' does not provide an export named 'renderToReadableStream'

[yusukebe]

@vickyRathee

How to about doing the following instructions?

• Update react and react-dom to v19.*
• Update the vite.config.ts like the following:

const plugins = [
  remixCloudflareDevProxy(),
  reactRouter(),
  serverAdapter({
    adapter,
    getLoadContext,
    entry: 'server/index.ts',
  }),
  tsconfigPaths(),
]

export default defineConfig(({ command, isSsrBuild }) => {
  if (command === 'build' && isSsrBuild) {
    return {
      resolve: {
        alias: {
          'react-dom/server': 'react-dom/server.edge',
        },
      },
      plugins,
    }
  }

  return {
    plugins,
  }
})