class ErrorBoundary extends React.Component { 
  state = { hasError: false };
 
  static getDerivedStateFromError(error: Error) {
    return { hasError: true };
  }
 
  componentCatch(error: Error, info: React.ErrorInfo) {
    logErrorToService(error, info);
  }
 
  render() {
    if (this.state.hasError) return <ErrorFallback />;
    return this.props.children;
  }
}