diff --git a/packages/next/client/image.tsx b/packages/next/client/image.tsx
index d6ebf363b0f6..d152015405a0 100644
--- a/packages/next/client/image.tsx
+++ b/packages/next/client/image.tsx
@@ -516,7 +516,15 @@ export default function Image({
           }
         }
       })
-      perfObserver.observe({ type: 'largest-contentful-paint', buffered: true })
+      try {
+        perfObserver.observe({
+          type: 'largest-contentful-paint',
+          buffered: true,
+        })
+      } catch (err) {
+        // Log error but don't crash the app
+        console.error(err)
+      }
     }
   }