feat: add SentryErrorInfo component

src/App/SentryErrorInfo/index.tsx

@@ -0,0 +1,23 @@
+import { setTag, setUser } from '@sentry/react';
+import React, { useEffect } from 'react';
+
+import { useAuth } from 'context/AuthContext';
+
+export const SentryErrorInfo: React.FC = () => {
+  const { accountAddress, chainId } = useAuth();
+
+  // Enriches Sentry events with info about the user and chain
+  useEffect(() => {
+    if (accountAddress) {
+      setUser({
+        id: accountAddress,
+      });
+    } else {
+      setUser(null);
+    }
+
+    setTag('chainId', chainId);
+  }, [accountAddress, chainId]);
+
+  return null;
+};

src/App/index.tsx

@@ -12,6 +12,7 @@ import { AuthProvider } from 'context/AuthContext';
 import { MuiThemeProvider } from 'theme/MuiThemeProvider';
 
 import Router from './Router';
+import { SentryErrorInfo } from './SentryErrorInfo';
 
 const NotificationCenter = lazy(() => import('packages/notifications/NotificationCenter'));
 
@@ -21,6 +22,8 @@ const App = () => (
       <QueryClientProvider client={queryClient}>
         <Web3Wrapper>
           <AuthProvider>
+            <SentryErrorInfo />
+
             <AnalyticProvider>
               <HashRouter>
                 <Layout>