@kubb/react-fabric 0.9.0 → 0.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubb/react-fabric",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "React integration for Kubb, providing JSX runtime support and React component generation capabilities for code generation plugins.",
   "keywords": [
     "react",
@@ -111,7 +111,7 @@
     "react-devtools-core": "6.1.2",
     "signal-exit": "^4.1.0",
     "ws": "8.18.0",
-    "@kubb/fabric-core": "0.9.0"
+    "@kubb/fabric-core": "0.9.2"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",

package/src/Runtime.tsx

@@ -25,6 +25,7 @@ type Options = {
 export class Runtime {
   readonly #options: Options
   #isUnmounted: boolean
+  #renderError?: Error
 
   exitPromise?: Promise<void>
   readonly #container: FiberRoot
@@ -39,7 +40,6 @@ export class Runtime {
     this.unmount.bind(this)
 
     // Intercept noisy React errors
-    const originalError = console.error
     console.error = (data: string | Error) => {
       const message = typeof data === 'string' ? data : data?.message
       if (
@@ -51,7 +51,7 @@ export class Runtime {
       ) {
         return
       }
-      originalError(data)
+      console.log(data)
     }
 
     const logRecoverableError = typeof reportError === 'function' ? reportError : console.error
@@ -128,7 +128,6 @@ export class Runtime {
 
     this.#renderPromise = task.catch((error) => {
       this.onError(error as Error)
-      throw error
     })
 
     return this.#renderPromise
@@ -139,7 +138,8 @@ export class Runtime {
       console.warn(error)
     }
 
-    throw error
+    // Store the error to be thrown after render completes
+    this.#renderError = error
   }
 
   onExit(error?: Error): void {
@@ -176,6 +176,13 @@ export class Runtime {
     Renderer.updateContainerSync(element, this.#container, null, null)
     Renderer.flushSyncWork()
     await this.#renderPromise
+
+    // Throw any errors that occurred during rendering
+    if (this.#renderError) {
+      const error = this.#renderError
+      this.#renderError = undefined
+      throw error
+    }
   }
 
   async renderToString(node: ReactNode): Promise<string> {
@@ -191,6 +198,13 @@ export class Runtime {
     await this.#renderPromise
     this.fileManager.clear()
 
+    // Throw any errors that occurred during rendering
+    if (this.#renderError) {
+      const error = this.#renderError
+      this.#renderError = undefined
+      throw error
+    }
+
     return this.#getOutput(this.#rootNode)
   }
 

package/src/components/Root.tsx

@@ -56,19 +56,15 @@ type RootProps = {
 }
 
 export function Root({ onError, onExit, children }: RootProps) {
-  try {
-    return (
-      <ErrorBoundary
-        onError={(error) => {
-          onError(error)
-        }}
-      >
-        <RootContext.Provider value={{ exit: onExit }}>{children}</RootContext.Provider>
-      </ErrorBoundary>
-    )
-  } catch (_e) {
-    return null
-  }
+  return (
+    <ErrorBoundary
+      onError={(error) => {
+        onError(error)
+      }}
+    >
+      <RootContext.Provider value={{ exit: onExit }}>{children}</RootContext.Provider>
+    </ErrorBoundary>
+  )
 }
 
 Root.Context = RootContext