diff --git a/frontend/src/env.d.ts b/frontend/src/env.d.ts
index f885d0b2f..3129f4643 100644
--- a/frontend/src/env.d.ts
+++ b/frontend/src/env.d.ts
@@ -5,5 +5,7 @@ declare namespace NodeJS {
     SENTRY_DSN: string;
     SENTRY_AUTH_TOKEN: string;
     GA_MEASUREMENT_ID: string;
+    PROD_URL: string;
+    DEV_URL: string;
   }
 }
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index f57451431..451c484d2 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -8,12 +8,13 @@ import { ModalProvider } from '@contexts/ModalContext';
 import { Global, ThemeProvider } from '@emotion/react';
 import ToastProvider from '@contexts/ToastContext';
 
-import { BASE_URL } from '@constants/constants';
 import globalStyles from './styles/globalStyles';
 import theme from './styles/theme';
 
 import AppRouter from './router/AppRouter';
 
+const { PROD_URL, DEV_URL } = process.env;
+
 async function setPrev() {
   if (process.env.NODE_ENV === 'development') {
     Sentry.getCurrentScope().setLevel('info');
@@ -29,7 +30,7 @@ async function setPrev() {
     integrations: [Sentry.browserTracingIntegration(), Sentry.replayIntegration()],
     // Performance Monitoring
     tracesSampleRate: 1.0, //  Capture 100% of the transactions
-    tracePropagationTargets: ['localhost', BASE_URL],
+    tracePropagationTargets: ['localhost', PROD_URL, DEV_URL],
     // Session Replay
     replaysSessionSampleRate: 0.1,
     replaysOnErrorSampleRate: 1.0,