From 6caff6eb0805ae3dc7b8bb9bfd37ab10ddab4f90 Mon Sep 17 00:00:00 2001 From: Josh Larson Date: Wed, 1 Dec 2021 12:28:26 -0600 Subject: [PATCH 1/5] Add fizz-ssr-browser-streaming fixture to repro errors --- .../fizz-ssr-browser-streaming/index.html | 119 ++++++++++++++++++ 1 file changed, 119 insertions(+) create mode 100644 fixtures/fizz-ssr-browser-streaming/index.html diff --git a/fixtures/fizz-ssr-browser-streaming/index.html b/fixtures/fizz-ssr-browser-streaming/index.html new file mode 100644 index 0000000000000..e94bbe383e05e --- /dev/null +++ b/fixtures/fizz-ssr-browser-streaming/index.html @@ -0,0 +1,119 @@ + + + + + Fizz Example + + +

Fizz Example

+
+

+ To install React, follow the instructions on + GitHub. +

+

+ If you can see this, React is not working right. + If you checked out the source from GitHub make sure to run npm run build. +

+
+ + + + + + From f77ae81d975acb1bf2e9fdf2f5d1b91a3e7ec091 Mon Sep 17 00:00:00 2001 From: Josh Larson Date: Wed, 1 Dec 2021 12:31:56 -0600 Subject: [PATCH 2/5] Update title --- fixtures/fizz-ssr-browser-streaming/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/fixtures/fizz-ssr-browser-streaming/index.html b/fixtures/fizz-ssr-browser-streaming/index.html index e94bbe383e05e..2c34a4c075d70 100644 --- a/fixtures/fizz-ssr-browser-streaming/index.html +++ b/fixtures/fizz-ssr-browser-streaming/index.html @@ -2,7 +2,7 @@ - Fizz Example + Fizz Streaming Example

Fizz Example

From b7040b6aeadc372cd53fc98e4ac672731378944c Mon Sep 17 00:00:00 2001 From: Josh Larson Date: Wed, 8 Dec 2021 21:36:51 -0600 Subject: [PATCH 3/5] fix: Prevent infinite spinning in fixture --- fixtures/fizz-ssr-browser-streaming/index.html | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/fixtures/fizz-ssr-browser-streaming/index.html b/fixtures/fizz-ssr-browser-streaming/index.html index 2c34a4c075d70..f6db667d4b5e9 100644 --- a/fixtures/fizz-ssr-browser-streaming/index.html +++ b/fixtures/fizz-ssr-browser-streaming/index.html @@ -25,7 +25,7 @@

Fizz Example

let stream = ReactDOMServer.renderToReadableStream( -

Success

+

This is successful if you see at least one "Success" below:

{/** * With a single Suspense boundary, you'll probably see this error in the browser console: @@ -38,9 +38,9 @@

Fizz Example

* If you uncomment the following to add another Suspense boundary, you'll probably see this error in the browser console: * "Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React." */} - {/* + {/** - */} + */} , @@ -62,7 +62,7 @@

Fizz Example

function useData() { serverData.read(); - return 'Hi'; + return 'Success'; } function data() { @@ -108,6 +108,8 @@

Fizz Example

debugOutput += output; } + iframe.contentWindow.document.close(); + console.log( `DEBUG OUTPUT:\n\n` + `👀 Notice the invalid HTML chunk '