react Architecture Docs
Home / File/ SuspendingErrorView.js — react Source File

SuspendingErrorView.js — react Source File

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

File javascript BabelCompiler Validation 8 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  632dd028_efe6_3846_30ed_2eaf83829007["SuspendingErrorView.js"]
  99dfcde4_28a9_2198_26a1_c1058b545aea["cache.js"]
  632dd028_efe6_3846_30ed_2eaf83829007 --> 99dfcde4_28a9_2198_26a1_c1058b545aea
  b1d9750c_fd20_7898_0223_46fdfc9cdaf4["UpdateExistingIssue.js"]
  632dd028_efe6_3846_30ed_2eaf83829007 --> b1d9750c_fd20_7898_0223_46fdfc9cdaf4
  aecacd1f_ab0d_37ce_fae9_6e243f134a2e["UpdateExistingIssue"]
  632dd028_efe6_3846_30ed_2eaf83829007 --> aecacd1f_ab0d_37ce_fae9_6e243f134a2e
  6d9cc84b_c590_db27_2176_a1e548ac9492["ReportNewIssue.js"]
  632dd028_efe6_3846_30ed_2eaf83829007 --> 6d9cc84b_c590_db27_2176_a1e548ac9492
  e2c21749_922d_12d5_49ac_6f23d300f222["ReportNewIssue"]
  632dd028_efe6_3846_30ed_2eaf83829007 --> e2c21749_922d_12d5_49ac_6f23d300f222
  d0363070_5c09_fccb_e8b3_095c3b1f45f4["WorkplaceGroup.js"]
  632dd028_efe6_3846_30ed_2eaf83829007 --> d0363070_5c09_fccb_e8b3_095c3b1f45f4
  c59de4d3_4598_2bd3_f75e_2b437c29a1b6["WorkplaceGroup"]
  632dd028_efe6_3846_30ed_2eaf83829007 --> c59de4d3_4598_2bd3_f75e_2b437c29a1b6
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  632dd028_efe6_3846_30ed_2eaf83829007 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  5ae46b4f_0f17_18a6_3def_6dc95832bf63["ErrorBoundary.js"]
  5ae46b4f_0f17_18a6_3def_6dc95832bf63 --> 632dd028_efe6_3846_30ed_2eaf83829007
  style 632dd028_efe6_3846_30ed_2eaf83829007 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

import * as React from 'react';
import {findGitHubIssue} from './cache';
import UpdateExistingIssue from './UpdateExistingIssue';
import ReportNewIssue from './ReportNewIssue';
import WorkplaceGroup from './WorkplaceGroup';

type Props = {
  callStack: string | null,
  componentStack: string | null,
  errorMessage: string | null,
};

export default function SuspendingErrorView({
  callStack,
  componentStack,
  errorMessage,
}: Props): React.Node {
  const maybeItem =
    errorMessage !== null ? findGitHubIssue(errorMessage) : null;

  let GitHubUI;
  if (maybeItem != null) {
    GitHubUI = <UpdateExistingIssue gitHubIssue={maybeItem} />;
  } else {
    GitHubUI = (
      <ReportNewIssue
        callStack={callStack}
        componentStack={componentStack}
        errorMessage={errorMessage}
      />
    );
  }

  return (
    <>
      {GitHubUI}
      <WorkplaceGroup />
    </>
  );
}

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does SuspendingErrorView.js do?
SuspendingErrorView.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Validation subdomain.
What functions are defined in SuspendingErrorView.js?
SuspendingErrorView.js defines 1 function(s): SuspendingErrorView.
What does SuspendingErrorView.js depend on?
SuspendingErrorView.js imports 8 module(s): ReportNewIssue, ReportNewIssue.js, UpdateExistingIssue, UpdateExistingIssue.js, WorkplaceGroup, WorkplaceGroup.js, cache.js, react.
What files import SuspendingErrorView.js?
SuspendingErrorView.js is imported by 1 file(s): ErrorBoundary.js.
Where is SuspendingErrorView.js in the architecture?
SuspendingErrorView.js is located at packages/react-devtools-shared/src/devtools/views/ErrorBoundary/SuspendingErrorView.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-devtools-shared/src/devtools/views/ErrorBoundary).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free