logComponentAwaitErrored() — react Function Reference

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

Function javascript BabelCompiler Validation calls 2

Entity Profile

BabelCompiler→ Validation→ logComponentAwaitErrored() — react Function Reference

Dependency Diagram

graph TD
  140b374c_3cb5_3136_78dd_28fc9fcebf9e["logComponentAwaitErrored()"]
  e5244d6e_35d7_7c99_420d_82c7be8fe931["ReactFlightPerformanceTrack.js"]
  140b374c_3cb5_3136_78dd_28fc9fcebf9e -->|defined in| e5244d6e_35d7_7c99_420d_82c7be8fe931
  1fae0211_be70_95cf_fc81_b888b3d13b71["getIOShortName()"]
  140b374c_3cb5_3136_78dd_28fc9fcebf9e -->|calls| 1fae0211_be70_95cf_fc81_b888b3d13b71
  7213be43_ce6c_ee41_dfb0_f5644c0fb421["getIOLongName()"]
  140b374c_3cb5_3136_78dd_28fc9fcebf9e -->|calls| 7213be43_ce6c_ee41_dfb0_f5644c0fb421
  style 140b374c_3cb5_3136_78dd_28fc9fcebf9e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-client/src/ReactFlightPerformanceTrack.js lines 423–478

export function logComponentAwaitErrored(
  asyncInfo: ReactAsyncInfo,
  trackIdx: number,
  startTime: number,
  endTime: number,
  rootEnv: string,
  error: mixed,
): void {
  if (supportsUserTiming && endTime > 0) {
    const description = getIODescription(error);
    const entryName =
      'await ' +
      getIOShortName(asyncInfo.awaited, description, asyncInfo.env, rootEnv);
    const debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask;
    if (__DEV__ && debugTask) {
      const message =
        typeof error === 'object' &&
        error !== null &&
        typeof error.message === 'string'
          ? // eslint-disable-next-line react-internal/safe-string-coercion
            String(error.message)
          : // eslint-disable-next-line react-internal/safe-string-coercion
            String(error);
      const properties = [['Rejected', message]];
      const tooltipText =
        getIOLongName(asyncInfo.awaited, description, asyncInfo.env, rootEnv) +
        ' Rejected';
      debugTask.run(
        // $FlowFixMe[method-unbinding]
        performance.measure.bind(performance, entryName, {
          start: startTime < 0 ? 0 : startTime,
          end: endTime,
          detail: {
            devtools: {
              color: 'error',
              track: trackNames[trackIdx],
              trackGroup: COMPONENTS_TRACK,
              properties,
              tooltipText,
            },
          },
        }),
      );
      performance.clearMeasures(entryName);
    } else {
      console.timeStamp(
        entryName,
        startTime < 0 ? 0 : startTime,
        endTime,
        trackNames[trackIdx],
        COMPONENTS_TRACK,
        'error',
      );
    }
  }
}