diff --git a/src/includes/performance/connect-services/javascript.mdx b/src/includes/performance/connect-services/javascript.mdx index 7b4865341ad64..b66c1730cfb8d 100644 --- a/src/includes/performance/connect-services/javascript.mdx +++ b/src/includes/performance/connect-services/javascript.mdx @@ -30,6 +30,29 @@ For traces that begin in your backend, you can connect the automatically-generat ``` + + +Remix SDK attaches `sentry-trace` and `baggage` values from your `root` loader. You need to use [`meta`](https://remix.run/docs/en/v1/api/conventions#meta) function to attach the data from your `loader` as `` tags. The following code snippet shows how to do this: + +```typescript {filename: root.tsx} +export const meta: MetaFunction = ({data}) => { + return { + // ... + 'sentry-trace': data.sentryTrace, + baggage: data.sentryBaggage, + }; +}; +``` + + + +This feature is available on Sentry Remix SDK version 7.9.0 and above. + + + + + + The `name` attributes must be the strings `"sentry-trace"` and `"baggage"` and the `content` attributes must be generated by your backend Sentry SDK. For `sentry-trace`, use `span.toSentryTrace()` (or equivalent, depending on the backend platform). This guarantees that a new and unique value will be generated for each request. For `baggage`, use `serializeBaggage(span.getBaggage())`.