Files
AutoGPT/autogpt_platform/frontend/src/app/global-error.tsx
2026-01-04 11:16:54 +07:00

37 lines
987 B
TypeScript

"use client";
import { ErrorCard } from "@/components/molecules/ErrorCard/ErrorCard";
import * as Sentry from "@sentry/nextjs";
import { useEffect } from "react";
interface Props {
error: Error & { digest?: string };
reset: () => void;
}
export default function GlobalError({ error, reset }: Props) {
useEffect(() => {
Sentry.captureException(error);
}, [error]);
return (
<html>
<body>
<div className="flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8">
<div className="relative w-full max-w-xl lg:bottom-[4rem]">
<ErrorCard
responseError={{
message:
error.message ||
"An unexpected error occurred. Our team has been notified and is working to resolve the issue.",
}}
context="application"
onRetry={reset}
/>
</div>
</div>
</body>
</html>
);
}