Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bug: Uncaught ReferenceError: MessageChannel is not defined #31827

Open
Rados51 opened this issue Dec 18, 2024 · 4 comments
Open

Bug: Uncaught ReferenceError: MessageChannel is not defined #31827

Rados51 opened this issue Dec 18, 2024 · 4 comments
Labels
Status: Unconfirmed A potential issue that we haven't yet confirmed as a bug

Comments

@Rados51
Copy link

Rados51 commented Dec 18, 2024

React version: 19.0.0

Steps To Reproduce

  1. Create an Astro & React project with server adapter for Cloudflare
  2. Try to deploy to Cloudflare Pages via wrangler deploy

The current behavior

Uncaught ReferenceError: MessageChannel is not defined

The expected behavior

Should work in the same way as latest 18 version.

https://github.com/facebook/react/blob/6a4b46cd70d2672bc4be59dcb5b8dede22ed0cef/packages/react-server/src/ReactServerStreamConfigBrowser.js#L16C1-L28C2

@Rados51 Rados51 added the Status: Unconfirmed A potential issue that we haven't yet confirmed as a bug label Dec 18, 2024
icepuma added a commit to RawkodeAcademy/RawkodeAcademy that referenced this issue Dec 20, 2024
phase added a commit to phase/test-astro-react19-cf-workers that referenced this issue Dec 21, 2024
@phase
Copy link

phase commented Dec 21, 2024

I made a repo with the steps to reproduce this: https://github.com/phase/test-astro-react19-cf-workers

@prolanzer
Copy link

Had to downgrade to 18.x.x to make the deploy working again.

@ucefmath
Copy link

applyPolyfill from message-port-polyfill

@terao-ryohei
Copy link

I made a repo with the steps to reproduce this: https://github.com/phase/test-astro-react19-cf-workers

I have same problem in my ReactRouterV7 project.
I tried fix this, and build/deploy, Then I got work in my environment.
Please check it.

122|            'astro:build:setup': ({ vite, target }) => {
123|                if (target === 'server') {
124|                    vite.resolve ||= {};
125|                   vite.resolve.alias ||= {};
126|                    const aliases = [
127|                        {
128|                            find: 'react-dom/server',
129|                           -  replacement: 'react-dom/server.browser',
129|                           +  replacement: 'react-dom/server.edge',
130|                        },
131|                    ];

In ReactRouterv7, I can fix same. (fix entry.server.tsx)
That's why I think we can't use react-dom/server.browser on React_v19 or something.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Unconfirmed A potential issue that we haven't yet confirmed as a bug
Projects
None yet
Development

No branches or pull requests

5 participants