Fixes New Version Available + Reduces Sentry transaction amount

web/src/App.tsx

@@ -22,10 +22,9 @@ const handleReload = () => {
 export default function App(): ReactElement {
  const currentAppVersion = APP_VERSION;
  const { data, isSuccess } = useGetAppVersion();
- const isNewVersionAvailable =
- data?.version && currentAppVersion && isProduction
- ? data.version !== currentAppVersion
- : false;
+ const latestAppVersion = data?.version || '0';
+ const isNewVersionAvailable = isProduction && latestAppVersion > currentAppVersion;
+ console.log('New app version available:', latestAppVersion);
 
  return (
  <Suspense fallback={<div />}>

web/src/api/getAppVersion.ts

@@ -15,4 +15,5 @@ export const useGetAppVersion = () =>
  useQuery<{ version: string }>([], async () => getVersion(), {
  refetchInterval: REFETCH_INTERVAL_ONE_HOUR,
  refetchOnWindowFocus: false,
+ cacheTime: 0,
  });

web/src/main.tsx

@@ -39,7 +39,7 @@ if (isProduction) {
  ),
  }),
  ],
- tracesSampleRate: 1, //This will send 100% of errors to Sentry
+ tracesSampleRate: 0.2, //This will send 20% of transactions to Sentry
  });
 }
 /**