fix: error boundary lazy suspense

Signed-off-by: Innei <tukon479@gmail.com>
This commit is contained in:
Innei 2024-10-21 15:40:08 +08:00
parent d4d686637b
commit fefd578df9
No known key found for this signature in database
GPG Key ID: 0F62D33977F021F7
1 changed files with 4 additions and 3 deletions

View File

@ -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],
)