From ea87415fd9fa56014a1b100d2ea22a3673cef1b9 Mon Sep 17 00:00:00 2001
From: Huzaifa Arif <huzaifarif@users.noreply.github.com>
Date: Thu, 10 Mar 2022 21:36:50 +0530
Subject: [PATCH] [Fix] Adds try/catch to gracefully handle performance
 observer exception (#35202)

* fix: add try/catch to gracefull handle performance observer exception on older browsers

* fix: run prettier

Co-authored-by: Steven <steven@ceriously.com>
---
 packages/next/client/image.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

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)
+      }
     }
   }