'use client'; import { Component, ErrorInfo, ReactNode } from 'react'; interface Props { children: ReactNode; fallback?: ReactNode; } interface State { hasError: boolean; error?: Error; } export class ErrorBoundary extends Component { public state: State = { hasError: false, }; public static getDerivedStateFromError(error: Error): State { return { hasError: true, error }; } public componentDidCatch(error: Error, errorInfo: ErrorInfo) { console.error('ErrorBoundary caught an error:', error, errorInfo); } public render() { if (this.state.hasError) { if (this.props.fallback) { return this.props.fallback; } return (
⚠️

Something went wrong

An unexpected error occurred. Please refresh the page or try again later.

{process.env.NODE_ENV === 'development' && this.state.error && (
Error Details (Development)
                {this.state.error.stack}
              
)}
); } return this.props.children; } }