Remade and extended the app using React

1 files changed, 17 insertions, 0 deletions

diff --git a/src/reportWebVitals.ts b/src/reportWebVitals.ts
new file mode 100644
index 0000000..73d7c3e
--- /dev/null
+++ b/src/reportWebVitals.ts
@@ -0,0 +1,17 @@
+import { ReportHandler } from 'web-vitals';

+

+type FuncType = (onPerfEntry?: ReportHandler) => void;

+

+const reportWebVitals: FuncType = (onPerfEntry?: ReportHandler) => {

+  if (onPerfEntry !== null && onPerfEntry instanceof Function) {

+    void import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {

+      getCLS(onPerfEntry);

+      getFID(onPerfEntry);

+      getFCP(onPerfEntry);

+      getLCP(onPerfEntry);

+      getTTFB(onPerfEntry);

+    });

+  }

+};

+

+export default reportWebVitals;