Support for Apollo in Sentry Performance

[fabiendem]

Hello,

I am setting up the Sentry Performance monitoring on a React Native Project.
Most of our queries are made via Apollo/GraphQL.

I see that you have a specific plugin for Sentry and Apollo on Android: https://docs.sentry.io/platforms/android/configuration/integrations/apollo/

I am wondering if there is such a plugin for React Native, knowing that the Apollo setup is made at the JS layer in our app.
I couldn't find it in the docs or in the source code of the library.

Thanks

[marandaneto]

@fabiendem we only have for the Android native layer, but not for the JS layer, I'll tag it as a feature request.

Feel free to use our custom instrumentation and do something similar to what's done in this blog post.

[jennmueng]

@fabiendem You might be interested in this blogpost we have that details how to create a Sentry Plugin for Apollo: https://blog.sentry.io/2021/08/31/guest-post-performance-monitoring-in-graphql

[fabiendem]

Interesting thanks, I'll have a look.

I don't want to divert from this ticket too much, but in the RN doc, what does tracingOrigins: ["localhost", "my-site-url.com", /^\//], refer to?
Is that for Rest API tracking?
i am struggling to understand the purpose of this tracingOrigins param.

https://docs.sentry.io/platforms/react-native/performance/#enable-tracing

[marandaneto]

@fabiendem the JS docs may help to explain that https://docs.sentry.io/platforms/javascript/performance/instrumentation/automatic-instrumentation/#tracingorigins

[sregg]

I tried to use https://github.com/DiederikvandenB/apollo-link-sentry to get the GQL query names instead of /graphql everywhere but it didn't seem t work.

[marandaneto]

getsentry/sentry-javascript#3953 should help here once we bump to JS 7.2.0