File size: 1,311 Bytes
b91e262 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | import { useMemo } from 'react'
import { CodeFrame } from '../../components/code-frame/code-frame'
import { ErrorOverlayCallStack } from '../../components/errors/error-overlay-call-stack/error-overlay-call-stack'
import { PSEUDO_HTML_DIFF_STYLES } from './component-stack-pseudo-html'
import {
useFrames,
type ReadyRuntimeError,
} from '../../utils/get-error-by-type'
type RuntimeErrorProps = {
error: ReadyRuntimeError
dialogResizerRef: React.RefObject<HTMLDivElement | null>
}
export function RuntimeError({ error, dialogResizerRef }: RuntimeErrorProps) {
const frames = useFrames(error)
const firstFrame = useMemo(() => {
const firstFirstPartyFrameIndex = frames.findIndex(
(entry) =>
!entry.ignored &&
Boolean(entry.originalCodeFrame) &&
Boolean(entry.originalStackFrame)
)
return frames[firstFirstPartyFrameIndex] ?? null
}, [frames])
return (
<>
{firstFrame && (
<CodeFrame
stackFrame={firstFrame.originalStackFrame!}
codeFrame={firstFrame.originalCodeFrame!}
/>
)}
{frames.length > 0 && (
<ErrorOverlayCallStack
dialogResizerRef={dialogResizerRef}
frames={frames}
/>
)}
</>
)
}
export const styles = `
${PSEUDO_HTML_DIFF_STYLES}
`
|