[react-dom][18.3.1] Add bun export to react-dom.

[AldoMX]

Summary

When you try to bun run a project that uses renderToReadableStream from react-dom, you get the following error:

1 | (function (entry, fetcher)
    ^
SyntaxError: Export named 'renderToReadableStream' not found in module '/path/to/node_modules/react-dom/server.node.js'.
1 | (function (entry, fetcher)
    ^
SyntaxError: Export named 'renderToReadableStream' not found in module '/path/to/node_modules/react-dom/server.node.js'.

In #28941 it was reported that adding a "bun": "./server.browser.js", export to the package.json fixes the issue.

How did you test this change?

Screenshot with a run before and after the fix:

[gnoff]

Thanks for the suggestion however we released 18.3 to add additional warnings to help with upgrading to 19 and don't plan to include any changes to functionality or packaging from what was supported in 18.2.

You can always directly import the specific runtime you want to load with a specifier like require("react-dom/server.browser") so you should be able to load the desired version when using bun with some effort.

React 19 adds bun conditions so this should already be resolved when that version is released

[AldoMX]

I'd still ask to reconsider, considering v18 is still the latest stable version, and we're months away from v19 stable.

---

I'm leaving my TypeScript notes as reference to anyone who reaches this dead-end:

Update imports:

// from
import { renderToReadableStream } from 'react-dom/server';

// to
import { renderToReadableStream } from 'react-dom/server.browser';

Add to your global definition file (ex. global.d.ts):

declare module 'react-dom/server.browser' {
  import * as ReactDOMServer from 'react-dom/server';
  export = ReactDOMServer;
}