React Error Boundary (TypeScript), keeping it in a gist for convenience

ErrorBoundary.jsx

import { Component, ReactNode } from 'react';

// Error boundaries currently have to be classes.
class ErrorBoundary extends Component<{ fallback: ReactNode }> {
  state = { hasError: false, error: null };

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

  render() {
    if (this.state.hasError) {
      return this.props.fallback;
    }
    return this.props.children;
  }
}

export default ErrorBoundary;