wip

packages/react-server/examples/basic/package.json

@@ -30,6 +30,7 @@
     "@hattip/adapter-node": "^0.0.44",
     "@hiogawa/unocss-preset-antd": "2.2.1-pre.7",
     "@hiogawa/utils": "^1.6.3",
+    "@hiogawa/vite-plugin-error-overlay": "latest",
     "@hiogawa/vite-plugin-ssr-middleware": "latest",
     "@iconify-json/ri": "^1.1.20",
     "@playwright/test": "^1.42.1",

packages/react-server/examples/basic/src/routes/test/error.tsx

@@ -1,8 +1,13 @@
 "use client";
 
 import type { ErrorPageProps } from "@hiogawa/react-server/server";
+import React from "react";
 
 export default function ErrorPage(props: ErrorPageProps) {
+  React.useEffect(() => {
+    (async () => { throw props.error; })();
+  }, []);
+
   return (
     <div className="flex flex-col gap-2">
       <h4>ErrorPage</h4>

packages/react-server/examples/basic/vite.config.ts

@@ -4,6 +4,7 @@ import {
   vitePluginLogger,
   vitePluginSsrMiddleware,
 } from "@hiogawa/vite-plugin-ssr-middleware";
+import { vitePluginErrorOverlay } from "@hiogawa/vite-plugin-error-overlay"
 import react from "@vitejs/plugin-react";
 import unocss from "unocss/vite";
 import { type Plugin, defineConfig } from "vite";
@@ -13,6 +14,7 @@ export default defineConfig({
   plugins: [
     react(),
     unocss(),
+    vitePluginErrorOverlay(),
     vitePluginReactServer({
       plugins: [
         testVitePluginVirtual(),