feat(react-server): trigger error overlay on server error

hi-ogawa · Apr 8, 2024 · 41006f9 · 41006f9
1 parent 937bade
commit 41006f9
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/packages/react-server/src/entry/react-server.tsx b/packages/react-server/src/entry/react-server.tsx
@@ -115,6 +115,15 @@ const reactServerOnError: RenderToReadableStreamOptions["onError"] = (
   });
   if (!(error instanceof ReactServerDigestError)) {
     console.error("[react-server:renderToReadableStream]", error);
+    if (import.meta.env.DEV && error instanceof Error) {
+      __global.dev.server.hot.send({
+        type: "error",
+        err: {
+          message: error.message,
+          stack: error.stack ?? "",
+        },
+      });
+    }
   }
   const serverError =
     error instanceof ReactServerDigestError

diff --git a/packages/react-server/src/entry/server.tsx b/packages/react-server/src/entry/server.tsx
@@ -132,6 +132,15 @@ export async function renderHtml(
         debug("renderToReadableStream", { error, errorInfo });
         if (!getErrorContext(error)) {
           console.error("[react-dom:renderToReadableStream]", error);
+          if (import.meta.env.DEV && error instanceof Error) {
+            __global.dev.server.hot.send({
+              type: "error",
+              err: {
+                message: error.message,
+                stack: error.stack ?? "",
+              },
+            });
+          }
         }
       },
     });