Merge pull request #133 from blockscout/sentry-fixes

sentry fixes

lib/api/getUrlWithNetwork.ts

+import * as Sentry from '@sentry/nextjs';
 import type { NextApiRequest } from 'next';
 
 import * as cookies from 'lib/cookies';
@@ -7,8 +8,7 @@ export default function getUrlWithNetwork(_req: NextApiRequest, path: string) {
   const networkSubType = _req.cookies[cookies.NAMES.NETWORK_SUB_TYPE];
 
   if (!networkType || !networkSubType) {
-    // eslint-disable-next-line no-console
-    console.error(`Incorrect network: NETWORK_TYPE=${ networkType } NETWORK_SUB_TYPE=${ networkSubType }`);
+    Sentry.captureException(new Error('Incorrect network'), { extra: { networkType, networkSubType } });
   }
 
   return `/${ networkType }/${ networkSubType }/${ path }`;

lib/client/fetch.ts

+import * as Sentry from '@sentry/nextjs';
+
 export interface ErrorType<T> {
   error?: T;
   status: Response['status'];
@@ -13,10 +15,15 @@ export default function clientFetch<Success, Error>(path: string, init?: Request
           status: response.status,
           statusText: response.statusText,
         }),
-        () => Promise.reject({
+        () => {
+          const error = {
             status: response.status,
             statusText: response.statusText,
-        }),
+          };
+          Sentry.captureException(new Error('Client fetch failed'), { extra: error, tags: { source: 'fetch' } });
+
+          return Promise.reject(error);
+        },
       );
 
     } else {

next.config.js

@@ -30,6 +30,9 @@ const sentryWebpackPluginOptions = {
   silent: true, // Suppresses all logs
   // For all available options, see:
   // https://github.com/getsentry/sentry-webpack-plugin#options.
+  deploy: {
+    env: process.env.VERCEL_ENV || process.env.NODE_ENV,
+  },
 };
 
 module.exports = withReactSvg(withSentryConfig(moduleExports, sentryWebpackPluginOptions));

package.json

@@ -15,7 +15,7 @@
     "@chakra-ui/theme-tools": "^2.0.2",
     "@emotion/react": "^11",
     "@emotion/styled": "^11",
-    "@sentry/nextjs": "^7.11.1",
+    "@sentry/nextjs": "^7.12.1",
     "@tanstack/react-query": "^4.0.10",
     "@tanstack/react-query-devtools": "^4.0.10",
     "@types/react-scroll": "^1.8.4",

sentry.client.config.js

@@ -5,8 +5,10 @@
 import * as Sentry from '@sentry/nextjs';
 
 const SENTRY_DSN = process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN;
+const ENV = process.env.NEXT_PUBLIC_VERCEL_ENV || process.env.NODE_ENV;
 
 Sentry.init({
+  environment: ENV,
   dsn: SENTRY_DSN,
   // Adjust this value in production, or use tracesSampler for greater control
   tracesSampleRate: 1.0,

sentry.server.config.js

@@ -5,8 +5,10 @@
 import * as Sentry from '@sentry/nextjs';
 
 const SENTRY_DSN = process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN;
+const ENV = process.env.VERCEL_ENV || process.env.NODE_ENV;
 
 Sentry.init({
+  environment: ENV,
   dsn: SENTRY_DSN,
   // Adjust this value in production, or use tracesSampler for greater control
   tracesSampleRate: 1.0,