Improve Sentry

common/utils/index.ts

@@ -11,3 +11,4 @@ export * from './number'
 export * from './language'
 export * from './text'
 export * from './cache'
+export * from './random'

common/utils/random.ts

@@ -0,0 +1,2 @@
+export const genSentryActionId = () =>
+  Math.random().toString(36).substr(2, 9)

common/utils/withApollo.ts

@@ -1,3 +1,4 @@
+import * as Sentry from '@sentry/browser'
 import { ApolloClient } from 'apollo-client'
 import { ApolloLink, split } from 'apollo-link'
 import { setContext } from 'apollo-link-context'
@@ -10,6 +11,8 @@ import https from 'https'
 import withApollo from 'next-with-apollo'
 import getConfig from 'next/config'
 
+import { genSentryActionId } from '~/common/utils'
+
 import {
   inMemoryCache
   // setupPersistCache
@@ -87,13 +90,28 @@ const authLink = setContext((_, { headers }) => {
   }
 })
 
+const sentryLink = setContext((_, { headers }) => {
+  // Add action id for Sentry
+  const actionId = genSentryActionId()
+  Sentry.configureScope((scope: any) => {
+    scope.setTag('action-id', actionId)
+  })
+
+  return {
+    headers: {
+      ...headers,
+      'x-sentry-action-id': actionId
+    }
+  }
+})
+
 export default withApollo(({ ctx, headers, initialState }) => {
   inMemoryCache.restore(initialState || {})
 
   // setupPersistCache()
 
   return new ApolloClient({
-    link: ApolloLink.from([errorLink, authLink, dataLink({ headers })]),
+    link: ApolloLink.from([errorLink, authLink, sentryLink, dataLink({ headers })]),
     cache: inMemoryCache
   })
 })