Add auto reload if lazy component fails to load (#98)

client.tsx

@@ -180,18 +180,25 @@ export function lazy<
     : undefined;
   if (typeof boundaryOrFactory !== "string") factory = boundaryOrFactory;
   return reactLazy(async () => {
-    const { default: Component, ErrorFallback, boundary: boundaryOverride } =
-      await factory!();
-    const errorBoundaryProps = {
-      FallbackComponent: ErrorFallback,
-    } as ErrorBoundaryProps;
-    if (boundaryOverride) boundary = boundaryOverride;
-    if (boundary) errorBoundaryProps.boundary = boundaryOverride ?? boundary;
+    try {
+      const { default: Component, ErrorFallback, boundary: boundaryOverride } =
+        await factory!();
+      const errorBoundaryProps = {
+        FallbackComponent: ErrorFallback,
+      } as ErrorBoundaryProps;
+      if (boundaryOverride) boundary = boundaryOverride;
+      if (boundary) errorBoundaryProps.boundary = boundaryOverride ?? boundary;
 
-    return {
-      default: errorBoundaryProps.FallbackComponent
-        ? withErrorBoundary(Component, errorBoundaryProps)
-        : Component,
-    };
+      return {
+        default: errorBoundaryProps.FallbackComponent
+          ? withErrorBoundary(Component, errorBoundaryProps)
+          : Component,
+      };
+    } catch (error) {
+      const log = getLogger();
+      log.error("Error loading component", error, { boundary });
+      window.location.reload();
+      throw error;
+    }
   });
 }

deno.jsonc

@@ -84,7 +84,7 @@
     "@std/fs": "jsr:@std/fs@0",
     "@std/log": "jsr:@std/log@0",
     "@std/path": "jsr:@std/path@1",
-    "@std/testing": "jsr:@std/testing@0",
+    "@std/testing": "jsr:@std/testing@1",
     "esbuild": "npm:[email protected]",
     "react": "npm:react@18",
     "@types/react": "npm:@types/react@18",

example/deno.jsonc

@@ -56,7 +56,7 @@
     "@std/fs": "jsr:@std/fs@0",
     "@std/log": "jsr:@std/log@0",
     "@std/path": "jsr:@std/path@1",
-    "@std/testing": "jsr:@std/testing@0",
+    "@std/testing": "jsr:@std/testing@1",
     "esbuild": "npm:[email protected]",
     "react": "npm:react@18",
     "@types/react": "npm:@types/react@18",