Merge branch 'main' into fix/trade-token-selection

package.json

@@ -11,8 +11,8 @@
     "@ethersproject/providers": "^5.7.1",
     "@floating-ui/react": "^0.25.4",
     "@playwright/test": "^1.43.1",
-    "@sentry/react": "^7.48.0",
-    "@sentry/vite-plugin": "^0.7.2",
+    "@sentry/react": "^8.17.0",
+    "@sentry/vite-plugin": "^2.21.1",
     "@tanstack/react-query": "^5.40.1",
     "@tanstack/react-query-devtools": "^5.40.1",
     "@tanstack/react-router": "^1.4.9",

src/index.tsx

@@ -1,5 +1,4 @@
 import 'global-shim';
-import 'init-sentry';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import reportWebVitals from 'reportWebVitals';
@@ -8,6 +7,7 @@ import { WagmiReactWrapper } from 'libs/wagmi';
 import { LazyMotion } from 'libs/motion';
 import { QueryProvider } from 'libs/queries';
 import { RouterProvider, router } from 'libs/routing';
+import 'init-sentry';
 import 'utils/buffer';
 import 'fonts.css';
 import 'index.css';

src/init-sentry.ts

@@ -1,10 +1,15 @@
 import * as Sentry from '@sentry/react';
 import config from 'config';
+import { router } from 'libs/routing';
 
 if (config.sentryDSN) {
   Sentry.init({
     dsn: config.sentryDSN,
-    integrations: [new Sentry.BrowserTracing(), new Sentry.Replay()],
+    integrations: [
+      Sentry.tanstackRouterBrowserTracingIntegration(router),
+      Sentry.replayIntegration(),
+      Sentry.captureConsoleIntegration(),
+    ],
     // Performance Monitoring
     tracesSampleRate: 1.0, // Capture 100% of the transactions, reduce in production!
     // Session Replay

src/libs/wagmi/connectors.ts

@@ -1,4 +1,3 @@
-import carbonLogo from 'assets/logos/carbon.svg';
 import tailwindWalletLogo from 'assets/logos/tailwindWallet.svg';
 import compassWalletLogo from 'assets/logos/compassWallet.svg';
 import seifWalletLogo from 'assets/logos/seifWallet.svg';
@@ -88,13 +87,11 @@ const getDefaultConnector = (connectorType: SelectableConnectionName) => {
         dappMetadata: {
           name: config.appName,
           url: config.appUrl,
-          iconUrl: carbonLogo,
         },
       });
     case 'Coinbase Wallet':
       return coinbaseWallet({
         appName: config.appName,
-        appLogoUrl: carbonLogo,
       });
     case 'WalletConnect':
       return walletConnect({