ErrorBoundaries() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ ErrorBoundaries() — react Function Reference

Dependency Diagram

graph TD
  9f0dc66c_05be_65f7_b7fb_44e21dec8e6d["ErrorBoundaries()"]
  1e6dd1fc_349f_47a9_79c2_8b7e89c3cc44["index.js"]
  9f0dc66c_05be_65f7_b7fb_44e21dec8e6d -->|defined in| 1e6dd1fc_349f_47a9_79c2_8b7e89c3cc44
  style 9f0dc66c_05be_65f7_b7fb_44e21dec8e6d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shell/src/app/ErrorBoundaries/index.js lines 57–72

export default function ErrorBoundaries(): React.Node {
  return (
    <Fragment>
      <h1>Nested error boundaries demo</h1>
      <ErrorBoundary>
        <Component label="Outer component" />
        <ErrorBoundary>
          <Component label="Inner component" />
        </ErrorBoundary>
      </ErrorBoundary>
      <ErrorBoundary>
        <Component label="Neighbour component" />
      </ErrorBoundary>
    </Fragment>
  );
}