Function Error

packages/web/src/app/error.tsx:14–54

({ error, reset }: { error: Error & { digest?: string }, reset: () => void })

import { SOURCEBOT_SUPPORT_EMAIL } from "@/lib/constants";

export default function Error({ error, reset }: { error: Error & { digest?: string }, reset: () => void }) {
    useEffect(() => {
        Sentry.captureException(error);
        console.error(error);
    }, [error]);

    const { message, errorCode, statusCode } = useMemo(() => {

        try {
            const body = JSON.parse(error.message);
            const { success, data: serviceError } = serviceErrorSchema.safeParse(body);
            if (success) {
                return {
                    message: serviceError.message,
                    errorCode: serviceError.errorCode,
                    statusCode: serviceError.statusCode,
                }
            }
         
        } catch {}

        return {
            message: error.message,
        }
    }, [error]);

    return (
        <div className="flex flex-col min-h-screen justify-center items-center bg-backgroundSecondary">
            <SourcebotLogo
                className="mb-4"
                size='large'
            />
            <ErrorCard
                message={message}
                errorCode={errorCode}
                statusCode={statusCode}
                onReloadButtonClicked={reset}
            />
        </div>
    )
}

interface ErrorCardProps {
    message: string