From 7249b73b6f24557ca3b03fe0462e27d0350cb219 Mon Sep 17 00:00:00 2001 From: Huzaifa Arif Date: Thu, 10 Mar 2022 16:10:33 +0530 Subject: [PATCH 1/2] fix: add try/catch to gracefull handle performance observer exception on older browsers --- packages/next/client/image.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/next/client/image.tsx b/packages/next/client/image.tsx index d6ebf363b0f6..c9b15973ed1e 100644 --- a/packages/next/client/image.tsx +++ b/packages/next/client/image.tsx @@ -516,7 +516,12 @@ 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); + } } } From 14638c80fbd17a7d1836546987d65c2ea0c89be2 Mon Sep 17 00:00:00 2001 From: Huzaifa Arif Date: Thu, 10 Mar 2022 16:25:58 +0530 Subject: [PATCH 2/2] fix: run prettier --- packages/next/client/image.tsx | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/next/client/image.tsx b/packages/next/client/image.tsx index c9b15973ed1e..d152015405a0 100644 --- a/packages/next/client/image.tsx +++ b/packages/next/client/image.tsx @@ -517,10 +517,13 @@ export default function Image({ } }) try { - perfObserver.observe({ type: 'largest-contentful-paint', buffered: true }) + perfObserver.observe({ + type: 'largest-contentful-paint', + buffered: true, + }) } catch (err) { // Log error but don't crash the app - console.error(err); + console.error(err) } } }