chore: update web-vitals to ^4.2.4 and update API usage (#1259)

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> Co-authored-by: [email protected] <[email protected]>
whitphx · Jan 12, 2025 · f6bca44 · f6bca44
1 parent 3f36537
commit f6bca44
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 23 deletions.
diff --git a/packages/browser/package.json b/packages/browser/package.json
@@ -38,7 +38,7 @@
     "codedent": "^0.1.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "web-vitals": "^3.5.2"
+    "web-vitals": "^4.2.4"
   },
   "devDependencies": {
     "@emotion/babel-plugin": "^11.13.5",

diff --git a/packages/sharing-editor/package.json b/packages/sharing-editor/package.json
@@ -20,7 +20,7 @@
     "react-router-dom": "^7.1.1",
     "superstruct": "^2.0.2",
     "usehooks-ts": "^3.1.0",
-    "web-vitals": "^3.5.2"
+    "web-vitals": "^4.2.4"
   },
   "scripts": {
     "start:web": "vite",

diff --git a/packages/sharing-editor/src/reportWebVitals.ts b/packages/sharing-editor/src/reportWebVitals.ts
@@ -1,13 +1,13 @@
-import { ReportHandler } from "web-vitals";
+import type { Metric } from "web-vitals";
 
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+const reportWebVitals = (onPerfEntry?: (metric: Metric) => void) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
-    import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
+    import("web-vitals").then(({ onCLS, onFID, onFCP, onLCP, onTTFB }) => {
+      onCLS(onPerfEntry);
+      onFID(onPerfEntry);
+      onFCP(onPerfEntry);
+      onLCP(onPerfEntry);
+      onTTFB(onPerfEntry);
     });
   }
 };

diff --git a/packages/sharing/package.json b/packages/sharing/package.json
@@ -12,7 +12,7 @@
     "@types/react-dom": "^18.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "web-vitals": "^3.5.2"
+    "web-vitals": "^4.2.4"
   },
   "devDependencies": {
     "@emotion/babel-plugin": "^11.13.5",

diff --git a/packages/sharing/src/reportWebVitals.ts b/packages/sharing/src/reportWebVitals.ts
@@ -1,13 +1,13 @@
-import { ReportHandler } from "web-vitals";
+import type { Metric } from "web-vitals";
 
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+const reportWebVitals = (onPerfEntry?: (metric: Metric) => void) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
-    import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
+    import("web-vitals").then(({ onCLS, onFID, onFCP, onLCP, onTTFB }) => {
+      onCLS(onPerfEntry);
+      onFID(onPerfEntry);
+      onFCP(onPerfEntry);
+      onLCP(onPerfEntry);
+      onTTFB(onPerfEntry);
     });
   }
 };

diff --git a/yarn.lock b/yarn.lock
@@ -19412,10 +19412,10 @@ web-streams-polyfill@^3.0.3:
   resolved "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.2.tgz"
   integrity sha512-3pRGuxRF5gpuZc0W+EpwQRmCD7gRqcDOMt688KmdlDAgAyaB1XlN0zq2njfDNm44XVdIouE7pZ6GzbdyH47uIQ==
 
-web-vitals@^3.5.2:
-  version "3.5.2"
-  resolved "https://registry.npmjs.org/web-vitals/-/web-vitals-3.5.2.tgz"
-  integrity sha512-c0rhqNcHXRkY/ogGDJQxZ9Im9D19hDihbzSQJrsioex+KnFgmMzBiy57Z1EjkhX/+OjyBpclDCzz2ITtjokFmg==
+web-vitals@^4.2.4:
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-4.2.4.tgz#1d20bc8590a37769bd0902b289550936069184b7"
+  integrity sha512-r4DIlprAGwJ7YM11VZp4R884m0Vmgr6EAKe3P+kO0PPj3Unqyvv59rczf6UiGcb9Z8QxZVcqKNwv/g0WNdWwsw==
 
 webgl-context@^2.2.0:
   version "2.2.0"