ReportNewIssue() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1

Entity Profile

BabelCompiler→ Validation→ ReportNewIssue() — react Function Reference

Dependency Diagram

graph TD
  e2c21749_922d_12d5_49ac_6f23d300f222["ReportNewIssue()"]
  6d9cc84b_c590_db27_2176_a1e548ac9492["ReportNewIssue.js"]
  e2c21749_922d_12d5_49ac_6f23d300f222 -->|defined in| 6d9cc84b_c590_db27_2176_a1e548ac9492
  ed040be3_fbee_f8fb_43ba_f6f0bfa5b7ae["searchGitHubIssuesURL()"]
  e2c21749_922d_12d5_49ac_6f23d300f222 -->|calls| ed040be3_fbee_f8fb_43ba_f6f0bfa5b7ae
  style e2c21749_922d_12d5_49ac_6f23d300f222 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/ErrorBoundary/ReportNewIssue.js lines 30–74

export default function ReportNewIssue({
  callStack,
  componentStack,
  errorMessage,
}: Props): React.Node {
  let bugURL = process.env.GITHUB_URL;
  if (!bugURL) {
    return null;
  }

  const gitHubAPISearch =
    errorMessage !== null ? searchGitHubIssuesURL(errorMessage) : '(none)';

  const title = `[DevTools Bug] ${errorMessage || ''}`;

  const parameters = [
    `template=${TEMPLATE}`,
    `labels=${encodeURIComponent(LABELS.join(','))}`,
    `title=${encodeURIComponent(title)}`,
    `automated_package=${process.env.DEVTOOLS_PACKAGE || ''}`,
    `automated_version=${process.env.DEVTOOLS_VERSION || ''}`,
    `automated_error_message=${encodeURIComponent(errorMessage || '')}`,
    `automated_call_stack=${encodeURIComponent(callStack || '')}`,
    `automated_component_stack=${encodeURIComponent(componentStack || '')}`,
    `automated_github_query_string=${gitHubAPISearch}`,
  ];

  bugURL += `/issues/new?${parameters.join('&')}`;

  return (
    <div className={styles.GitHubLinkRow}>
      <Icon className={styles.ReportIcon} type="bug" />
      <a
        className={styles.ReportLink}
        href={bugURL}
        rel="noopener noreferrer"
        target="_blank">
        Report this issue
      </a>
      <div className={styles.ReproSteps}>
        (Please include steps on how to reproduce it and the components used.)
      </div>
    </div>
  );
}