diff --git a/src/app/metrics/google-analytics.tsx b/src/app/metrics/google-analytics.tsx
index 7de68c96..8b2f847d 100644
--- a/src/app/metrics/google-analytics.tsx
+++ b/src/app/metrics/google-analytics.tsx
@@ -2,7 +2,9 @@
 
 import Script from "next/script";
 
-const GoogleAnalytics = ({ id }: { id: string }) => {
+const GoogleAnalytics = ({ id }: { id?: string }) => {
+  if (!id) return null;
+
   return (
     <>
       <Script
diff --git a/src/app/metrics/microsoft-clarity.tsx b/src/app/metrics/microsoft-clarity.tsx
index 1bbf70d0..eae88eef 100644
--- a/src/app/metrics/microsoft-clarity.tsx
+++ b/src/app/metrics/microsoft-clarity.tsx
@@ -2,7 +2,9 @@
 
 import Script from "next/script";
 
-const MicrosoftClarity = ({ id }: { id: string }) => {
+const MicrosoftClarity = ({ id }: { id?: string }) => {
+  if (!id) return null;
+
   return (
     <Script
       id="microsoft-clarity-init"
diff --git a/src/app/root.tsx b/src/app/root.tsx
index f9239c9c..9e0c9e34 100644
--- a/src/app/root.tsx
+++ b/src/app/root.tsx
@@ -43,8 +43,8 @@ export default function Root({
           </ThemeProvider>
         </TRPCReactProvider>
 
-        <GoogleAnalytics id={process.env.NEXT_PUBLIC_GA_ID!} />
-        <MicrosoftClarity id={process.env.NEXT_PUBLIC_MC_ID!} />
+        <GoogleAnalytics id={process.env.NEXT_PUBLIC_GA_ID} />
+        <MicrosoftClarity id={process.env.NEXT_PUBLIC_MC_ID} />
         <LoadFont />
         {languageComponent && <Language />}
       </body>