mirror of
https://github.com/formbricks/formbricks.git
synced 2026-01-06 13:49:54 -06:00
36 lines
872 B
TypeScript
36 lines
872 B
TypeScript
"use client";
|
|
|
|
import * as Sentry from "@sentry/nextjs";
|
|
import Error from "next/error";
|
|
import { useEffect } from "react";
|
|
|
|
import { Button } from "@formbricks/ui/Button";
|
|
import { ErrorComponent } from "@formbricks/ui/ErrorComponent";
|
|
|
|
const GlobalError = ({ error, reset }: { error: Error; reset: () => void }) => {
|
|
useEffect(() => {
|
|
Sentry.captureException(error);
|
|
}, [error]);
|
|
|
|
return (
|
|
<html>
|
|
<body>
|
|
<div className="flex h-full w-full flex-col items-center justify-center">
|
|
<ErrorComponent />
|
|
<Button
|
|
variant="secondary"
|
|
onClick={
|
|
// Attempt to recover by trying to re-render the segment
|
|
() => reset()
|
|
}
|
|
className="mt-2">
|
|
Try again
|
|
</Button>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
);
|
|
};
|
|
|
|
export default GlobalError;
|