fix(sentry): sentry fix error/build

package.json

@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@reactour/tour": "^3.3.0",
-    "@sentry/react": "^7.50.0",
+    "@sentry/react": "^7.53.1",
     "@stripe/react-stripe-js": "^1.4.0",
     "@stripe/stripe-js": "^1.13.2",
     "babel-polyfill": "^6.26.0",

src/helpers/callApi/logoutIfUnauthorized.tsx

@@ -5,7 +5,7 @@ export const logoutIfUnauthorized = async (response: Response) => {
   const body = await response.json()
 
   if (response.status === 400) {
-    Sentry.captureException(body.data)
+    Sentry.captureException(body)
   }
 
   if (response.status === 401 || response.status === 403) {

src/index.tsx

@@ -8,7 +8,8 @@ import ReactDOM from 'react-dom'
 import * as Sentry from '@sentry/react'
 import { BrowserTracing } from '@sentry/react'
 
-import { isIOS } from 'config/userAgent'
+import { isIOS, ENV } from 'config'
+
 // import { makeServer } from 'utilits/mirage/Mirage'
 
 import * as serviceWorker from './serviceWorker'
@@ -16,7 +17,7 @@ import * as serviceWorker from './serviceWorker'
 if (process.env.NODE_ENV !== 'development') {
   Sentry.init({
     dsn: 'https://bbe0cdfb954644ebaf3be16bb472cc3d@sentry.insports.tv/21',
-    environment: process.env.REACT_APP_ENV,
+    environment: ENV,
     integrations: [new BrowserTracing()],
     tracesSampleRate: 1.0,
   })