fix: sentry 관련 기본적인 세팅 완료

package.json

@@ -35,6 +35,7 @@
   },
   "devDependencies": {
     "@sentry/react": "^8.22.0",
+    "@sentry/vite-plugin": "^2.21.1",
     "@storybook/addon-essentials": "^7.6.14",
     "@storybook/addon-interactions": "^7.6.14",
     "@storybook/addon-links": "^7.6.14",

src/routes/index.tsx

@@ -1,5 +1,5 @@
 import App from '@/App';
-
+import * as Sentry from '@sentry/react';
 import RoutePath from '@/routes/routePath';
 import { RouterProvider, createBrowserRouter } from 'react-router-dom';
 import Layout from '@/components/layout/Layout';
@@ -32,12 +32,15 @@ import { DicordConnect } from '@/pages/DiscordConnect';
 import { DiscordGuide } from '@/pages/DiscordGuide';
 import { Suspense } from 'react';
 
+const sentryCreateBrowserRouter =
+  Sentry.wrapCreateBrowserRouter(createBrowserRouter);
+
 export const Routers = () => {
   return <RouterProvider router={router} />;
 };
 
 // TODO: error page, meta tag
-const router = createBrowserRouter([
+const router = sentryCreateBrowserRouter([
   {
     path: RoutePath.Index,
     element: <Layout />,

src/utils/sentry.ts

@@ -25,7 +25,9 @@ Sentry.init({
   tracesSampleRate: 1.0,
   tracePropagationTargets: [
     /^https:\/\/onboarding.gdschongik.com\/?.*$/,
-    /^https:\/\/api\.gdschongik\.com\/?.*$/
+    /^https:\/\/api\.gdschongik\.com\/?.*$/,
+    /^https:\/\/dev-onboarding.gdschongik.com\/?.*$/,
+    /^https:\/\/dev-api\.gdschongik\.com\/?.*$/
   ],
   replaysSessionSampleRate: 0.1,
   replaysOnErrorSampleRate: 1.0

vite.config.ts

@@ -2,7 +2,24 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react-swc';
 import tsconfigPaths from 'vite-tsconfig-paths';
 
+import { sentryVitePlugin } from '@sentry/vite-plugin';
+
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), tsconfigPaths()]
+  plugins: [
+    react(),
+    tsconfigPaths(),
+    sentryVitePlugin({
+      org: process.env.SENTRY_ORG_NAME,
+      project: process.env.SENTRY_PROJECT_NAME,
+      authToken: process.env.SENTRY_AUTH_TOKEN,
+      sourcemaps: {
+        assets: './dist/**',
+        filesToDeleteAfterUpload: '**/*.map'
+      }
+    })
+  ],
+  build: {
+    sourcemap: true
+  }
 });