---
title: "GraphQL"
description: "Enhance spans and breadcrumbs with data from GraphQL requests in React Native."
url: https://docs.sentry.io/platforms/react-native/integrations/graphql/
---

# GraphQL | Sentry for React Native

*(Available in version 7.5.0 and above)*

*Import name: `Sentry.graphqlClientIntegration`*

The `graphqlClientIntegration` enhances the data captured from GraphQL requests in your React Native application. It extracts GraphQL-specific information from HTTP requests matching your configured endpoints and enriches both spans and breadcrumbs with GraphQL operation details.

When enabled, this integration will:

* Update span names with the GraphQL operation type and name
* Add GraphQL query documents to spans
* Add GraphQL operation information to breadcrumbs

```javascript
import * as Sentry from "@sentry/react-native";

Sentry.init({
  dsn: "___PUBLIC_DSN___",
  integrations: [
    Sentry.graphqlClientIntegration({
      endpoints: ["https://graphql-api.example.com", /\/graphql$/],
    }),
  ],
});
```

## [Options](https://docs.sentry.io/platforms/react-native/integrations/graphql.md#options)

### [`endpoints`](https://docs.sentry.io/platforms/react-native/integrations/graphql.md#endpoints)

*Type: `(string | RegExp)[]`*

An array of URLs or URL patterns that should be treated as GraphQL endpoints. The integration will only process requests to these endpoints. This array can contain strings, regular expressions, or a combination of both.

To **match all** endpoints, set the `endpoints` option to `[/.*/]`.