React Error Boundary

import { Component } from 'react';
export class ErrorBoundary extends Component {
  state = { hasError: false };
  static getDerivedStateFromError() { return { hasError: true }; }
  componentDidCatch(err) { console.error('ErrorBoundary:', err); }
  render() {
    if (this.state.hasError) return this.props.fallback || <p>Something went wrong.</p>;
    return this.props.children;
  }
}