search

vercel / next-react-server-components

Demo repository for Next.js + React Server Components
https://next-rsc-hn.vercel.app
MIT License
976 stars 156 forks source link

TransformStream is not defined #38

Closed rajabzadeh1986 closed 2 years ago

rajabzadeh1986 commented 2 years ago

I have an error in rsc ReferenceError: TransformStream is not defined.

and in csr Error: Hydration failed because the initial UI does not match what was rendered on the server.

What is the problem?

huozhi commented 2 years ago

@rajabzadeh1986 can you provide some repro steps or the info about your environment?

TransformStream and ReadableStream are the required global polyfills for react streaming

rajabzadeh1986 commented 2 years ago

I'm using Firefox and I think TransformStream is not compatible with Firefox.

image

https://developer.mozilla.org/en-US/docs/Web/API/TransformStream

This problem did not exist in Chrome.

huozhi commented 2 years ago

So far we're using them on server side, can you share your error traces of ReferenceError: TransformStream is not defined. ?

rajabzadeh1986 commented 2 years ago

Unhandled Runtime Error

ReferenceError: TransformStream is not defined Call Stack useServerResponse node_modules\next\dist\client\index.js (674:22) ServerRoot node_modules\next\dist\client\index.js (696:43) renderWithHooks node_modules\react-dom\cjs\react-dom.development.js (16179:0) mountIndeterminateComponent node_modules\react-dom\cjs\react-dom.development.js (20839:0) beginWork node_modules\react-dom\cjs\react-dom.development.js (22362:0) callCallback node_modules\react-dom\cjs\react-dom.development.js (4161:0) invokeGuardedCallbackDev node_modules\react-dom\cjs\react-dom.development.js (4210:0) invokeGuardedCallback node_modules\react-dom\cjs\react-dom.development.js (4274:0) beginWork$1 node_modules\react-dom\cjs\react-dom.development.js (27280:0) performUnitOfWork node_modules\react-dom\cjs\react-dom.development.js (26429:0) workLoopSync node_modules\react-dom\cjs\react-dom.development.js (26340:0) renderRootSync node_modules\react-dom\cjs\react-dom.development.js (26308:0) performConcurrentWorkOnRoot node_modules\react-dom\cjs\react-dom.development.js (25632:0) workLoop node_modules\scheduler\cjs\scheduler.development.js (266:0) flushWork node_modules\scheduler\cjs\scheduler.development.js (239:0) performWorkUntilDeadline node_modules\scheduler\cjs\scheduler.development.js (533:0)

huozhi commented 2 years ago

Fixed in #35796, can you try bump the next version to v12.1.5-canary.0? 🙏