blog/2022/12/16/generating-meaningful-issues-in-sentry-with-react-query-+-axios/ about blog-comments HOT 3 OPEN

export const queryClient = new QueryClient({
  queryCache: new QueryCache({
    onError: (error, query) => {
      withScope((scope) => {
        scope.setContext('query', { queryHash: query.queryHash });
        scope.setFingerprint([query.queryHash.replaceAll(/[0-9]/g, '0')]);
        captureException(error);
      });

      const withErrorToast =
        query.meta?.withErrorToast === undefined ? true : query.meta?.withErrorToast;

      if (!withErrorToast && process.env.EXPO_PUBLIC_ENV_NAME === 'PROD') {
        return;
      }

      const errorMessage = getHttpErrorMessages(error)?.[0].message;
      Toast.show({
        type: 'error',
        text1: errorMessage,
        visibilityTime: 3000,
      });
    },
  }),
  mutationCache: new MutationCache({
    onError: (error, _var, _context, mutation) => {
      withScope((scope) => {
        scope.setContext('mutation', {
          mutationId: mutation.mutationId,
          variables: mutation.state.variables,
        });
        if (mutation.options.mutationKey) {
          scope.setFingerprint(
            // Duplicate to prevent modification
            Array.from(mutation.options.mutationKey) as string[],
          );
        }
        captureException(error);
      });

      const withErrorToast =
        mutation.meta?.withErrorToast === undefined ? true : mutation.meta?.withErrorToast;

      if (!withErrorToast && process.env.EXPO_PUBLIC_ENV_NAME === 'PROD') {
        return;
      }

      const errorMessage = getHttpErrorMessages(error)?.[0].message;
      Toast.show({
        type: 'error',
        text1: errorMessage,
        visibilityTime: 3000,
      });
    },
  }),
});

export const init = () => {
  return Sentry.init({
    dsn: process.env.EXPO_PUBLIC_SENTRY_DSN,
    environment: process.env.EXPO_PUBLIC_ENV_NAME,
    /**
     * Set to true for local debugging
     * Set back to false when pushing commits
     */
    enableInExpoDevelopment: true,
    /**
     * If `true`, Sentry will try to print out useful debugging information if something goes wrong with sending the event. Set it to `false` in production
     */
    debug: __DEV__,
    tracesSampleRate: 1.0,
    integrations: [
      new Sentry.Native.ReactNativeTracing({
        shouldCreateSpanForRequest: (url) => {
          return !__DEV__ || !url.startsWith(`http://${Constants?.expoConfig?.hostUri}/logs`);
        },
      }),
      new ExtraErrorDataIntegration(),
    ],
  });
};