Add sentry webpack plugin for source maps

.gitignore

@@ -37,4 +37,6 @@ node_modules
 jspm_packages
 
 # Serverless directories
-.serverless
+.serverless
+# Sentry Auth Token
+.env.sentry-build-plugin

package.json

@@ -57,6 +57,7 @@
     "@nivo/sunburst": "^0.82.1",
     "@nivo/treemap": "^0.82.1",
     "@sentry/react": "^7.57.0",
+    "@sentry/webpack-plugin": "^2.5.0",
     "babel-runtime": "^6.26.0",
     "chroma-js": "^2.4.2",
     "classnames": "^2.3.1",

src/index.tsx

@@ -16,7 +16,7 @@ Sentry.init({
   integrations: [
     new Sentry.BrowserTracing({
       // Set `tracePropagationTargets` to control for which URLs distributed tracing should be enabled
-      tracePropagationTargets: ['localhost', /^https:\/\/neodash\.graphapp\.io/, /^http:\/\/neodash\.graphapp\.io/],
+      tracePropagationTargets: [/^https:\/\/neodash\.graphapp\.io/, /^http:\/\/neodash\.graphapp\.io/],
     }),
     new Sentry.Replay(),
   ],

webpack.config.js

@@ -1,4 +1,5 @@
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+const { sentryWebpackPlugin } = require('@sentry/webpack-plugin');
 const rules = [
   {
     test: /\.(js|jsx|ts|tsx)$/,
@@ -51,7 +52,15 @@ module.exports = (env) => {
       port: 3000,
       hot: true,
     },
-    plugins: production ? [] : [new ReactRefreshWebpackPlugin()],
+    plugins: production
+      ? [
+          sentryWebpackPlugin({
+            authToken: process.env.SENTRY_AUTH_TOKEN,
+            org: 'neo4j-inc',
+            project: 'neodash',
+          }),
+        ]
+      : [new ReactRefreshWebpackPlugin()],
     ignoreWarnings: [/Failed to parse source map/],
   };
 };