Sentry trace header not propagated to requests made from the native layer.

[valeriashpiner]

Environment

How do you use Sentry?
Sentry SaaS (sentry.io)

Which SDK and version?
"@sentry/react-native": "^2.4.0",

Steps to Reproduce

0. I tried to set up Performance monitoring through Included Instrumentation.

1. I set up Sentry.

2. I connected Sentry to Navigatior.

3. That's all what I did.

Expected Result

I would like to see sentry-trace in my request headers. None of my request has it right now.
Can you, please, explain what step did I miss.

Actual Result

In Transactions tab in Performance Dashboard I see only screen names which I visit, but I don't see any other transactions (network calls, for example). I don't have sentry-trace headers in any of my network calls.

[fdalmard]

Same issue here 😐

[jrunkel]

Here too.

[osamaarefm]

Same here.

[yahuio]

Same here

[yahuio]

Any update?

[oktorakevinarigi]

Same here.

Any update?

[jennmueng]

I just got back from a vacation, I will look into this ASAP

[OleksiyTrofimenko]

Same issue with latest versions

[Imperyall]

same here

[0b3r]

same here

[laygir]

Somewhat same here using vue 2

[marandaneto]

@jennmueng did you have the time to look into it? thanks

[jennmueng]

How is everyone making the requests that are missing the sentry-trace header? Can I get some examples?

FYI Given the current hybrid SDK limitations the trace header will only be attached to outgoing http requests sent by the javascript layer, and none from the native layer.

[laygir]

@jennmueng I am on Vue2 but for what its worth, here's my issue:

I make a request using Axios on the beforeEach hook of my router. When VueRouterInstrumentation is enabled, my request starts before the pageload or navigation transaction kicks in, this causes the request to NOT have the trace header.

It took me some time to figure out automatic instrumentation does not pick up individual XHR requests (bummer) unless there is an active transaction. And automatic instrumentation only creates transactions for pageload and navigation as far as I could see so far.

Perhaps documentation could be improved to state these hard facts, because as a dev who started using Sentry tracing just 2 weeks ago, I was under the assumption that every XHR request should have been pick up by the automatic instrumentation.

Also this following Sentry support reply has mislead me on that expectation:

"For the front-end side, the automatic instrumentation should create transaction to every XHR request (as long as the sampling is 100%). If it doesn't, we will need to check the logs after adding the debug option, in order to understand why."

[marandaneto]

@jennmueng did you manage to reproduce this?

[kaokei]

I just met the same problem in a vue3 app. And I think the key problem is that sentry start pageload transaction too late. Now sentry start pageload transaction inside router.beforeEach. The sentry-trace header will miss if I send request before that time.

The picture below shows the timeline.

The picture below shows that starting pageload transaction inside router.beforeEach is too late.

@jennmueng Is that possible to start pageload transaction earlier?

[laygir]

Hey @kaokei 👋

I have been in touch with Sentry support and recently concluded a month long e-mail thread precisely about this behaviour.
Also have created the issue below and it's been acknowledged by Sentry and support told me that it is in the backlog and will be fixed soon. I hope they fulfill this promise.

getsentry/sentry-javascript#4072

Feel free to add your additional findings on the above issue.

[marandaneto]

@valeriashpiner can you confirm that you're also using the vue router? thanks

[jennmueng]

@laygir @kaokei As you guys are using Vue and not React Native, I guess it's not exactly related to this issue with the React Native SDK and rather the discussion should be on the Sentry Javascript repo: getsentry/sentry-javascript#4072. Noting that I have not been able to reproduce this issue along with no one providing reproductions I will assume it is due to creating the request on the native layer side rather on the Javascript side like I earlier hypothesized.

I will thus rename this issue and move it to our Backlog.

[marandaneto]

@jennmueng I'm a bit lost here, help me out understanding what should be done.

if people are using the vue integration, they might hit getsentry/sentry-javascript#4072, ok, that's a reported bug already.

what do you mean by requests made from the native layer? Native layer = Native SDKs Android and iOS? how did you come to this conclusion? the issue description had no clue about making a request on the Java/ObjC side.

[marandaneto]

@jennmueng mind clarifying? thanks

[marandaneto]

After discussing on a call, the vue issue isn't related to this at all.
The original issue is about syncing down the sentry trace header to the Native layer (Android/iOS).

[marandaneto]

Closed in favor of #2003 and getsentry/sentry-javascript#4072