add sentry support from API settings

package.json

@@ -8,6 +8,7 @@
     "@blueprintjs/icons": "^3.33.0",
     "@mapbox/mapbox-gl-draw": "^1.4.1",
     "@material-ui/lab": "^4.0.0-alpha.61",
+    "@sentry/react": "^7.75.1",
     "@terralego/core": "^1.31.4",
     "@terralego/ra-data-drf": "^2.0.1-mkc.0",
     "@turf/bbox": "^6.5.0",

src/components/AppProvider/index.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import connect from 'react-ctx-connect';
+import * as Sentry from '@sentry/react';
 
+import { useLocation } from 'react-router-dom';
 import { getSettings } from '../../services/settings';
 import Loading from '../Loading';
 
@@ -24,6 +26,29 @@ export class AppProvider extends React.Component {
       if (settings.token && !localStorage.getItem('tf:auth:token')) {
         localStorage.setItem('tf:auth:token', settings.token);
       }
+
+      if (settings.sentry.dsn !== '') {
+        Sentry.init({
+          sendDefaultPii: settings.sentry.sendDefaultPii,
+          dsn: settings.sentry.dsn,
+          release: settings.sentry.release,
+          environment: settings.sentry.environment,
+          integrations: [
+            new Sentry.BrowserTracing({
+              // See docs for support of different versions of variation of react router
+              // https://docs.sentry.io/platforms/javascript/guides/react/configuration/integrations/react-router/
+              routingInstrumentation: Sentry.reactRouterV5Instrumentation(
+                React.useEffect,
+                useLocation,
+              ),
+            }),
+            new Sentry.Replay(),
+          ],
+          tracesSampleRate: settings.sentry.tracesSampleRate,
+          replaysSessionSampleRate: settings.sentry.replaysSessionSampleRate,
+          replaysOnErrorSampleRate: settings.sentry.replaysOnErrorSampleRate,
+        });
+      }
     } catch (e) {
       result.error = e;
     }