package.json

@@ -23,6 +23,8 @@
   },
   "dependencies": {
     "@reactour/tour": "^3.3.0",
+    "@sentry/react": "^7.48.0",
+    "@sentry/tracing": "^7.48.0",
     "@stripe/react-stripe-js": "^1.4.0",
     "@stripe/stripe-js": "^1.13.2",
     "babel-polyfill": "^6.26.0",

src/index.tsx

@@ -5,11 +5,23 @@ import {
 } from 'react'
 import ReactDOM from 'react-dom'
 
+import * as Sentry from '@sentry/react'
+import { BrowserTracing } from '@sentry/react'
+
 import { isIOS } from 'config/userAgent'
 // import { makeServer } from 'utilits/mirage/Mirage'
 
 import * as serviceWorker from './serviceWorker'
 
+if (process.env.REACT_APP_ENV === 'production') {
+  Sentry.init({
+    dsn: 'https://bbe0cdfb954644ebaf3be16bb472cc3d@sentry.insports.tv/21',
+    environment: process.env.REACT_APP_ENV,
+    integrations: [new BrowserTracing()],
+    tracesSampleRate: 1.0,
+  })
+}
+
 export const App = process.env.REACT_APP_TYPE === 'auth-service'
   ? lazy(() => import('features/AuthServiceApp'))
   : lazy(() => import('features/App'))