All files / src/components/Chart ErrorBoundaryChart.tsx

100% Statements 23/23
100% Branches 8/8
100% Functions 4/4
100% Lines 23/23

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 401x                         1x 1x 6x 6x 6x   1x 4x 4x   1x 2x 2x 1x 1x 2x   1x 9x 4x 4x 5x 9x 1x   1x  
import React from 'react';
 
type Props = {
  children: React.ReactNode;
  fallback?: React.ReactNode;
  onRespondError?: () => void;
};
 
type State = {
  hasError: boolean;
  error: Error | null;
};
 
class ErrorBoundaryChart extends React.Component<Props, State> {
  constructor(props: Props) {
    super(props);
    this.state = { hasError: false, error: null };
  }
 
  static getDerivedStateFromError(error: Error) {
    return { hasError: true, error };
  }
 
  componentDidCatch() {
    const { onRespondError } = this.props;
    if (onRespondError) {
      onRespondError();
    }
  }
 
  render() {
    if (this.state.hasError) {
      return this.props.fallback ?? <div>Something went wrong.</div>;
    }
    return this.props.children;
  }
}
 
export default ErrorBoundaryChart;