Merge pull request #723 from woowacourse-teams/develop

release 1.9.0

front/package.json

@@ -44,6 +44,8 @@
     "webpack-dev-server": "^4.9.3"
   },
   "dependencies": {
+    "@sentry/react": "^7.16.0",
+    "@sentry/tracing": "^7.16.0",
     "axios": "^0.27.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

front/src/index.tsx

@@ -1,6 +1,8 @@
 import { createRoot } from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import { ThemeProvider } from 'styled-components';
+import * as Sentry from '@sentry/react';
+import { BrowserTracing } from '@sentry/tracing';
 
 import App from './App';
 import GlobalStyle from '@styles/GlobalStyle';
@@ -23,6 +25,12 @@ import worker from './mocks/browser';
 //   }
 // };
 
+Sentry.init({
+  dsn: process.env.SENTRY_DSN,
+  integrations: [new BrowserTracing()],
+  tracesSampleRate: 1.0,
+});
+
 const root = createRoot(document.getElementById('root') as HTMLElement);
 root.render(
   <ThemeProvider theme={theme}>

front/src/pages/CrewMain/index.tsx

@@ -28,6 +28,7 @@ const CrewMain = () => {
     image: '',
   });
   const [isLoading, setIsLoading] = useState(false);
+
   const handleClickCard = (e: React.MouseEvent, id: number, image: string, isPokable: boolean) => {
     const target = (e.target as HTMLImageElement).id;
     if (target === 'request') {

front/src/utils/logError.ts

@@ -1,7 +1,12 @@
+import * as Sentry from '@sentry/react';
+
 const logError = (error: Error) => {
   if (process.env.NODE_ENV === 'development') {
     console.error(error);
+    return;
   }
+
+  Sentry.captureException(error);
 };
 
 export { logError };