'use client'; import { useEffect } from 'react'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Badge } from '@/components/ui/badge'; import Home from 'lucide-react/dist/esm/icons/home'; import RefreshCw from 'lucide-react/dist/esm/icons/refresh-cw'; import AlertTriangle from 'lucide-react/dist/esm/icons/alert-triangle'; import { routing } from '@/libs/i18nNavigation'; interface GlobalErrorProps { error: Error & { digest?: string }; reset: () => void; } export default function GlobalError({ error, reset }: GlobalErrorProps) { useEffect(() => { // Log the error to an error reporting service console.error('Global error:', error); }, [error]); return (
Something went wrong An unexpected error occurred. Please try again. {process.env.NODE_ENV === 'development' && (
Development Error 
                      {error.message}
{error.digest && (

Error ID: {error.digest}

)}
)}

If this problem persists, please contact support.

{error.digest && (

Reference: {error.digest}

)}
); }