From fefd578df9cacaef79a92b190a862931f2e5a39a Mon Sep 17 00:00:00 2001
From: Innei <tukon479@gmail.com>
Date: Mon, 21 Oct 2024 15:40:08 +0800
Subject: [PATCH] fix: error boundary lazy suspense

Signed-off-by: Innei <tukon479@gmail.com>
---
 apps/renderer/src/components/common/AppErrorBoundary.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/renderer/src/components/common/AppErrorBoundary.tsx b/apps/renderer/src/components/common/AppErrorBoundary.tsx
index 31a58dd90..fd5d8ea44 100644
--- a/apps/renderer/src/components/common/AppErrorBoundary.tsx
+++ b/apps/renderer/src/components/common/AppErrorBoundary.tsx
@@ -1,7 +1,7 @@
 import type { FallbackRender } from "@sentry/react"
 import { ErrorBoundary } from "@sentry/react"
 import type { FC, PropsWithChildren } from "react"
-import { createElement, useCallback } from "react"
+import { createElement, Suspense, useCallback } from "react"
 
 import { getErrorFallback } from "../errors"
 import type { ErrorComponentType } from "../errors/enum"
@@ -38,8 +38,9 @@ type ErrorFallbackProps = Parameters<FallbackRender>["0"]
 export type AppErrorFallbackProps = ErrorFallbackProps & {}
 const AppErrorBoundaryItem: FC<AppErrorBoundaryProps> = ({ errorType, children }) => {
   const fallbackRender = useCallback(
-    (fallbackProps: ErrorFallbackProps) =>
-      createElement(getErrorFallback(errorType), fallbackProps),
+    (fallbackProps: ErrorFallbackProps) => (
+      <Suspense>{createElement(getErrorFallback(errorType), fallbackProps)}</Suspense>
+    ),
     [errorType],
   )