TimeoutView() — react Function Reference

Architecture documentation for the TimeoutView() function in TimeoutView.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ TimeoutView() — react Function Reference

Dependency Diagram

graph TD
  7e046191_3065_2e09_7ae6_dbfb9b4fad13["TimeoutView()"]
  69908f96_9f7f_457f_47c3_40f834af31dd["TimeoutView.js"]
  7e046191_3065_2e09_7ae6_dbfb9b4fad13 -->|defined in| 69908f96_9f7f_457f_47c3_40f834af31dd
  style 7e046191_3065_2e09_7ae6_dbfb9b4fad13 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/ErrorBoundary/TimeoutView.js lines 23–51

export default function TimeoutView({
  callStack,
  children,
  componentStack,
  dismissError = null,
  errorMessage,
}: Props): React.Node {
  return (
    <div className={styles.ErrorBoundary}>
      {children}
      <div className={styles.ErrorInfo}>
        <div className={styles.HeaderRow}>
          <div className={styles.TimeoutHeader}>
            {errorMessage || 'Timed out waiting'}
          </div>
          <Button className={styles.CloseButton} onClick={dismissError}>
            Retry
            <ButtonIcon className={styles.CloseButtonIcon} type="close" />
          </Button>
        </div>
        {!!componentStack && (
          <div className={styles.TimeoutStack}>
            The timeout occurred {componentStack.trim()}
          </div>
        )}
      </div>
    </div>
  );
}