Object-Oriented Error Boundary with Inheritance and Stack Extraction

import React, { Component } from 'react';
 
export class BaseErrorBoundary extends Component {
  constructor(props) {
    super(props);
    this.state = { hasError: false, errorLog: [] };
  }
 
  static getDerivedStateFromError(error) {
    return { hasError: true };
  }
 
  componentDidCatch(error, errorInfo) {
    const formattedError = {
      message: error.message,
      stackFrames: error.stack ? error.stack.split('\n').slice(0, 3) : [],
      componentStack: errorInfo.componentStack
    };
    this.logTelemetry(formattedError);
  }
 
  logTelemetry(formattedError) {
    this.setState(prev => ({
      errorLog: prev.errorLog.concat(formattedError)
    }));
  }
 
  render() {
    if (this.state.hasError) {
      return this.props.fallback(this.state.errorLog);
    }
    return this.props.children;
  }
}