build(deps): bump web-vitals from 2.1.4 to 4.0.0 (#15)

* --- updated-dependencies: - dependency-name: web-vitals dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <[email protected]> * build: Fix reportWebVitals to use MetricType type GoogleChrome/web-vitals#483 --------- Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Yuta Kusuno <[email protected]>
yutakusuno · May 22, 2024 · 676f868 · 676f868
1 parent 8b67f94
commit 676f868
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 13 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,7 +20,7 @@
     "react-scripts": "5.0.1",
     "react-select": "^5.7.4",
     "typescript": "^4.9.5",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^4.0.0"
   },
   "scripts": {
     "start": "react-scripts start",

diff --git a/src/reportWebVitals.ts b/src/reportWebVitals.ts
@@ -1,13 +1,15 @@
-import { ReportHandler } from 'web-vitals';
+// https://github.com/GoogleChrome/web-vitals/pull/483
 
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+import { MetricType } from 'web-vitals';
+
+const reportWebVitals = (onPerfEntry?: (metric: MetricType) => 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, onINP, onFCP, onLCP, onTTFB }) => {
+      onCLS(onPerfEntry);
+      onINP(onPerfEntry);
+      onFCP(onPerfEntry);
+      onLCP(onPerfEntry);
+      onTTFB(onPerfEntry);
     });
   }
 };