OK, search on Ecosia isn't helping so I'm turning to Mastodon. This is a #react #OpenTelemetry question. I'm using XMLHttpRequestInstrumentation to log traces but my web app has multiple requests in order to render a page. How do I put multiple requests in the same trace id? Perhaps I can use DocumentLoadInstrumentation, but sometimes the app behaves like a SPA and the lifespan will be way too long. I could also use UserInteractionInstrumentation but it's WAY too noisy. I don't need to track every click event. For budgetary reasons, in the end, I'd like to only dispatch to the collector if an error occurs in any part of the span.
![registerInstrumentations({
instrumentations: [
new XMLHttpRequestInstrumentation({
propagateTraceHeaderCorsUrls: [ new RegExp(Configuration.ApiBaseUrl + ".*") ],
applyCustomAttributesOnSpan: (span, xhr) => {
const userContext = store.getState().userContext as UserContextState | undefined;
if (userContext && userContext.userId) {
span.setAttribute("user.id", userContext.userId);
}
if (xhr.status >= 400) {
span.setStatus({
code: SpanStatusCode.ERROR,
message: `HTTP Error ${xhr.status}`
});
}
}
}),](https://media.hachyderm.io/media_attachments/files/115/810/004/067/176/688/original/965f2ee0ee1951cb.png)