ErrorBoundary.js — react Source File

Architecture documentation for ErrorBoundary.js, a javascript file in the react codebase. 1 imports, 2 dependents.

File javascript BabelCompiler Entrypoint 1 imports 2 dependents 1 classes

Entity Profile

BabelCompiler→ Entrypoint→ ErrorBoundary.js — react Source File

Dependency Diagram

graph LR
  a0b98e8f_be9f_23db_e6ce_8f9a041223a2["ErrorBoundary.js"]
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  a0b98e8f_be9f_23db_e6ce_8f9a041223a2 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  317029de_e52e_edc1_0ba6_c44bc97613ff["Button.js"]
  317029de_e52e_edc1_0ba6_c44bc97613ff --> a0b98e8f_be9f_23db_e6ce_8f9a041223a2
  dcf1b254_c429_16d7_1424_96bb51b3b171["Form.js"]
  dcf1b254_c429_16d7_1424_96bb51b3b171 --> a0b98e8f_be9f_23db_e6ce_8f9a041223a2
  style a0b98e8f_be9f_23db_e6ce_8f9a041223a2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

'use client';

import * as React from 'react';

export default class ErrorBoundary extends React.Component {
  state = {error: null};
  static getDerivedStateFromError(error) {
    return {error};
  }
  render() {
    if (this.state.error) {
      return <div>Caught an error: {this.state.error.message}</div>;
    }
    return this.props.children;
  }
}