'use client' import { useEffect } from 'react' import Link from 'next/link' import '../styles/globals.scss' 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 (
The application has encountered a critical error and cannot continue.
{error.message || 'An unexpected error occurred'}
{error.digest &&Error ID: {error.digest}
}