Something went wrong. Try again.
build smart knowledge-sharing systems that combine the best of human expertise with smart technology
Something went wrong. Try again.
1.4 kB · 45 lines
TSX
at main
12345678910111213141516171819202122232425262728293031323334353637383940414243444546"use client";
import { useEffect } from "react";import { logClientEvent, flushLogs } from "@/lib/axiom/client";
export default function Error({ error, reset,}: { error: Error & { digest?: string }; reset: () => void;}) { useEffect(() => { logClientEvent("infra.error.boundary", { error_name: error.name, error_message: error.message, error_digest: error.digest || "none", error_stack: error.stack?.slice(0, 500), path: typeof window !== "undefined" ? window.location.pathname : "unknown", });
void flushLogs(); }, [error.name, error.message, error.digest, error.stack]);
return ( <div className="min-h-screen flex items-center justify-center bg-gray-50 px-4"> <div className="max-w-md w-full text-center"> <h2 className="text-2xl font-semibold text-gray-900 mb-4"> Something went wrong </h2> <p className="text-gray-600 mb-6"> We apologize for the inconvenience. An error has occurred and our team has been notified. </p> <button onClick={reset} className="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > Try again </button> </div> </div> );}