ЯсноПонятно24

import React, { Component } from 'react';

class ErrorBoundary extends Component {
  state = {
    hasError: false
  };

  static getDerivedStateFromError(error) {
    return { hasError: true, error };
  }

  render() {
    const { hasError } = this.state;
    const { errorComponent: ErrorComponent, children } = this.props;

    if (hasError) {
      return <ErrorComponent />;
    }

    return children;
  }
}

class ErrorMessage extends Component {
  render() {
    return <div>Something went wrong!</div>;
  }
}

class App extends Component {
  render() {
    return (
      <div>
        <h1>My App</h1>
        {/* Add ErrorBoundary component here */}
        <ErrorBoundary errorComponent={ErrorMessage}>
          <SomeComponent />
        </ErrorBoundary>
      </div>
    );
  }
}

class SomeComponent extends Component {
  render() {
    // Simulate an error for testing
    throw new Error('Error!');
    return <div>This is some component</div>;
  }
}

export default App;