@embrace-io/react-native-apollo-graphql

React Native Embrace - Apollo GraphQL

[!IMPORTANT]

This module requires React Native Embrace SDK.

Embrace can collect basic session data and crashes as you've already seen in the Crash Reporting and Session Reporting sections. Embrace can also collect the network requests your app makes when using Apollo GraphQL. Here's how you add the Apollo GraphQL tracker to the session.

Install the component

yarn add @embrace-io/react-native-apollo-graphql

Or

npm install @embrace-io/react-native-apollo-graphql

Adding the component to your code

Apply the Apollo GraphQL tracker to your Apollo provider instance.

import EmbraceApolloLink from "@embrace-io/react-native-apollo-graphql";
import {
  ApolloClient,
  InMemoryCache,
  ApolloProvider,
  ApolloLink,
  createHttpLink,
  useMutation,
  gql,
  useQuery,
} from "@apollo/client";

const App = () => {
  return <MyApp />;
};
const ApolloWrapper = () => {
  // Start - Add this line
  const embraceCreateHttpLink = new EmbraceApolloLink.build(
    ApolloLink,
    createHttpLink
  );
  // End - Add this line
  const client = new ApolloClient({
    // Use the Embrace create Http Link
    link: embraceCreateHttpLink({
      uri: "https://api.mocki.io/v2/c4d7a195/graphql",
      headers: { "x-emb-path": "/graphql/v1beta/steve" },
    }),

    cache: new InMemoryCache(),
  });
  return (
    <ApolloProvider client={client}>
      <App />
    </ApolloProvider>
  );
};

[!TIP]

The build method has a third parameter that is platform, you can pass ios or android, if you only want to track in one of them