feat: move Sentry init to errors package

src/App/index.tsx

@@ -1,5 +1,5 @@
-import * as Sentry from '@sentry/react';
 import { AnalyticProvider } from 'packages/analytics';
+import { ErrorBoundary } from 'packages/errors';
 import { LunaUstWarningModal } from 'packages/lunaUstWarning';
 import { Web3Wrapper } from 'packages/wallet';
 import { Suspense, lazy } from 'react';
@@ -9,15 +9,15 @@ import { HashRouter } from 'react-router-dom';
 import { queryClient } from 'clients/api';
 import { Layout } from 'containers/Layout';
 import { AuthProvider } from 'context/AuthContext';
+import { SentryErrorInfo } from 'packages/errors/SentryErrorInfo';
 import { MuiThemeProvider } from 'theme/MuiThemeProvider';
 
 import Router from './Router';
-import { SentryErrorInfo } from './SentryErrorInfo';
 
 const NotificationCenter = lazy(() => import('packages/notifications/NotificationCenter'));
 
 const App = () => (
-  <Sentry.ErrorBoundary>
+  <ErrorBoundary>
     <MuiThemeProvider>
       <QueryClientProvider client={queryClient}>
         <Web3Wrapper>
@@ -41,7 +41,7 @@ const App = () => (
         </Web3Wrapper>
       </QueryClientProvider>
     </MuiThemeProvider>
-  </Sentry.ErrorBoundary>
+  </ErrorBoundary>
 );
 
 export default App;

src/initializeLibraries/index.ts

@@ -1,11 +1,9 @@
 import initializeBigNumber from './bigNumber';
-import initializeSentry from './sentry';
 import initializeYup from './yup';
 
 const initializeLibraries = () => {
   initializeBigNumber();
   initializeYup();
-  initializeSentry();
 };
 
 export default initializeLibraries;

src/packages/errors/ErrorBoundary/index.tsx

@@ -0,0 +1,19 @@
+import * as Sentry from '@sentry/react';
+import config from 'config';
+
+import { version as APP_VERSION } from 'constants/version';
+
+export interface ErrorBoundaryProps {
+  children?: React.ReactNode;
+}
+
+Sentry.init({
+  dsn: config.sentryDsn,
+  environment: config.environment,
+  release: APP_VERSION,
+  attachStacktrace: true,
+});
+
+export const ErrorBoundary: React.FC<ErrorBoundaryProps> = ({ children }) => (
+  <Sentry.ErrorBoundary>{children}</Sentry.ErrorBoundary>
+);

src/packages/errors/index.ts

@@ -1,3 +1,4 @@
+export * from './ErrorBoundary';
 export * from './transactionErrors';
 export * from './displayMutationError';
 export * from './logError';