fix(start): try/catch around renderToPipeableStream for React 19 (#3020)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
TanStack · Dec 16, 2024 · 24217f8 · 24217f8
1 parent f063b49
commit 24217f8
Showing 1 changed file with 22 additions and 18 deletions.
diff --git a/packages/start/src/server/defaultStreamHandler.tsx b/packages/start/src/server/defaultStreamHandler.tsx
@@ -47,25 +47,29 @@ export const defaultStreamHandler: HandlerCallback<AnyRouter> = async ({
   if (typeof ReactDOMServer.renderToPipeableStream === 'function') {
     const passthrough = new PassThrough()
 
-    const pipeable = ReactDOMServer.renderToPipeableStream(
-      <StartServer router={router} />,
-      {
-        ...(isbot(request.headers.get('User-Agent'))
-          ? {
-              onAllReady() {
-                pipeable.pipe(passthrough)
-              },
-            }
-          : {
-              onShellReady() {
-                pipeable.pipe(passthrough)
-              },
-            }),
-        onError: (error, info) => {
-          console.log('Error in renderToPipeableStream:', error, info)
+    try {
+      const pipeable = ReactDOMServer.renderToPipeableStream(
+        <StartServer router={router} />,
+        {
+          ...(isbot(request.headers.get('User-Agent'))
+            ? {
+                onAllReady() {
+                  pipeable.pipe(passthrough)
+                },
+              }
+            : {
+                onShellReady() {
+                  pipeable.pipe(passthrough)
+                },
+              }),
+          onError: (error, info) => {
+            console.log('Error in renderToPipeableStream:', error, info)
+          },
         },
-      },
-    )
+      )
+    } catch (e) {
+      console.log('Error in renderToPipeableStream:', e)
+    }
 
     const transforms = [transformStreamWithRouter(router)]