Skip to content

Error build in 2.8.3 #77

@ikhbaaalll

Description

@ikhbaaalll

It looks like my PR broke the build when using the latest version—I forgot to add React as a peerDependency, lol.
For those using Cloudflare with React 19 and encountering this error:

I've created a simple Vite plugin to make React 19 work on Cloudflare. Add this to your

vite.config.ts

{
  name: 'transpiled-react-router-hono-react-19',
  closeBundle: async () => {
    const filePath = 'build/server/index.js';
    if (!existsSync(filePath)) {
      // eslint-disable-next-line no-console
      console.warn(`File not found: ${filePath}, skipping transformation.`);
      return;
    }
    try {
      let transformedCode = await promises.readFile(filePath, 'utf-8');
      transformedCode = transformedCode.replace("export {serverManifest as assets, assetsBuildDirectory, basename, entry, future, isSpaMode, publicPath, routes };", "");
      await promises.writeFile(filePath, transformedCode, 'utf-8');

      let replaceToServerEdge = await promises.readFile(filePath, 'utf-8');
      replaceToServerEdge = replaceToServerEdge.replace(/react-dom\/server\.browser/g, 'react-dom/server.edge');
      await promises.writeFile(filePath, replaceToServerEdge, 'utf-8');
      // eslint-disable-next-line no-console
      console.log('Transformed:', filePath);
    } catch (error) {
      // eslint-disable-next-line no-console
      console.error('Error transforming file:', error);
    }
  },
}

I'll send patches ASAP, @rphlmr—sorry for the inconvenience! 🚀

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions