updated web-vitals package (#2253)

ita-social-projects · Oct 8, 2024 · a813500 · a813500
1 parent c356a94
commit a813500
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 12 deletions.
diff --git a/package.json b/package.json
@@ -35,7 +35,7 @@
     "simplebar-react": "^3.2.4",
     "socket.io-client": "^4.7.5",
     "vite-plugin-svgr": "^4.1.0",
-    "web-vitals": "^3.5.0"
+    "web-vitals": "^4.2.2"
   },
   "devDependencies": {
     "@babel/core": "^7.23.2",

diff --git a/src/plugins/report-web-vitals.ts b/src/plugins/report-web-vitals.ts
@@ -1,16 +1,14 @@
-import { ReportHandler } from 'web-vitals'
+import { MetricType } from 'web-vitals'
 
-const reportWebVitals = (onPerfEntry: ReportHandler): void => {
+const reportWebVitals = (onPerfEntry?: (metric: MetricType) => void): void => {
   if (onPerfEntry && typeof onPerfEntry === 'function') {
-    void import('web-vitals').then(
-      ({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-        getCLS(onPerfEntry)
-        getFID(onPerfEntry)
-        getFCP(onPerfEntry)
-        getLCP(onPerfEntry)
-        getTTFB(onPerfEntry)
-      }
-    )
+    void import('web-vitals').then(({ onCLS, onINP, onFCP, onLCP, onTTFB }) => {
+      onCLS(onPerfEntry)
+      onINP(onPerfEntry)
+      onFCP(onPerfEntry)
+      onLCP(onPerfEntry)
+      onTTFB(onPerfEntry)
+    })
   }
 }