rvice: PropTypes.object,
      openLink: PropTypes.func,
    };
  }

  /**
   * `componentDidMount` is called when opening the StackTracePanel
   * for the first time
   */
  componentDidMount() {
    const { request, connector } = this.props;
    if (!request.stacktrace) {
      fetchNetworkUpdatePacket(connector.requestData, request, ["stackTrace"]);
    }
  }

  /**
   * `componentWillReceiveProps` is the only method called when
   * switching between two requests while this panel is displayed.
   */
  // FIXME: https://bugzilla.mozilla.org/show_bug.cgi?id=1774507
  UNSAFE_componentWillReceiveProps(nextProps) {
    const { request, connector } = nextProps;
    // Only try to fetch the stacktrace if we don't already have the stacktrace yet
    if (!request.stacktrace) {
      fetchNetworkUpdatePacket(connector.requestData, request, ["stackTrace"]);
    }
  }

  render() {
    const { connector, openLink, request, sourceMapURLService } = this.props;

    const { stacktrace } = request;

    return div(
      { className: "panel-container" },
      StackTrace({
        stacktrace: stacktrace || [],
        onViewSourceInDebugger: ({ url, line, column }) => {
          return connector.viewSourceInDebugger(url, line, column);
        },
        sourceMapURLService,
        openLink,
      })
    );
  }
}

module.exports = StackTracePanel;
PK