Undo the performance tracking of TrackPage (#705)

to fix a crash case producing recordDroppedEvent
until we find a better way to track pages
also updating latest sdk

apps/ledger-live-desktop/package.json

@@ -60,8 +60,8 @@
     "@ledgerhq/react-ui": "workspace:^",
     "@polkadot/react-identicon": "0.89.2",
     "@sentry/electron": "^3.0.7",
-    "@sentry/node": "^7.6.0",
-    "@sentry/tracing": "^7.6.0",
+    "@sentry/node": "^7.7.0",
+    "@sentry/tracing": "^7.7.0",
     "@tippyjs/react": "^4.2.6",
     "@trust/keyto": "^1.0.1",
     "@xstate/inspect": "^0.4.1",
@@ -162,7 +162,7 @@
     "@mapbox/node-pre-gyp": "^1.0.8",
     "@octokit/rest": "^18.12.0",
     "@playwright/test": "1.22.2",
-    "@sentry/cli": "^2.4.1",
+    "@sentry/cli": "^2.5.0",
     "@storybook/addon-actions": "^6.3.12",
     "@storybook/addon-essentials": "^6.3.12",
     "@storybook/addon-links": "^6.3.12",

apps/ledger-live-desktop/src/renderer/analytics/TrackPage.js

@@ -1,61 +1,20 @@
 // @flow
-import { memo, useEffect, useRef, useMemo, useLayoutEffect } from "react";
+import { memo, useEffect } from "react";
 import { page } from "./segment";
-import { getSentryIfAvailable } from "../../sentry/renderer";
 
 let source;
 
 export const setTrackingSource = (s?: string) => {
   source = s;
 };
 
-function inferSentryTags(props: any) {
-  const tags: any = {};
-  if (props.currencyId) {
-    tags.currencyId = props.currencyId;
-  }
-  return tags;
-}
-
 function TrackPage({ category, name, ...properties }: { category: string, name?: string }) {
   useEffect(() => {
     page(category, name, { ...properties, ...(source ? { source } : {}) });
     // reset source param once it has been tracked to not repeat it from further unrelated navigation
     source = null;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-
-  // Sentry tracking
-  const sentryFocusRef = useRef(null);
-  const hash = `${category}_${name || ""}`;
-  const sentryT = useMemo(
-    () => {
-      const Sentry = getSentryIfAvailable();
-      if (!Sentry) return null;
-      const t = Sentry.startTransaction({
-        op: "page",
-        name: `${category + (name ? ` ${name}` : "")} page`,
-        tags: inferSentryTags(properties),
-      });
-      if (t) {
-        Sentry.configureScope(scope => {
-          scope.setSpan(t);
-        });
-      }
-      return t;
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [category, name],
-  );
-  useLayoutEffect(() => {
-    if (sentryFocusRef.current !== hash) {
-      sentryFocusRef.current = hash;
-      if (sentryFocusRef.current) {
-        sentryT?.finish();
-      }
-    }
-  }, [hash, sentryT]);
-
   return null;
 }