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

import React, { Component } from 'react';

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

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

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

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

    return children;
  }
}

export default ErrorBoundary;

import React from 'react';
import ErrorBoundary from './ErrorBoundary';
import ErrorMessage from './ErrorMessage';

const App = () => {
  return (
    <div className="App">
      <h1>Hello, World!</h1>
      {/* Добавляем ErrorBoundary с передачей компонента ErrorMessage в качестве пропса */}
      <ErrorBoundary errorComponent={ErrorMessage}>
        <SomeComponent />
      </ErrorBoundary>
    </div>
  );
}

export default App;