From 2938c4e18cafd3d52f62114e4c070758b51e4fe0 Mon Sep 17 00:00:00 2001
From: Chavda Bhavik <bhavik.chvda@gmail.com>
Date: Sat, 8 Oct 2022 19:17:24 +0530
Subject: [PATCH] Refactored Analytics component to functional component
 (#4247)

---
 app/components/{Analytics.ts => Analytics.tsx} | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)
 rename app/components/{Analytics.ts => Analytics.tsx} (84%)

diff --git a/app/components/Analytics.ts b/app/components/Analytics.tsx
similarity index 84%
rename from app/components/Analytics.ts
rename to app/components/Analytics.tsx
index 044c6718f..48853ebd9 100644
--- a/app/components/Analytics.ts
+++ b/app/components/Analytics.tsx
@@ -2,8 +2,8 @@
 import * as React from "react";
 import env from "~/env";
 
-export default class Analytics extends React.Component {
-  componentDidMount() {
+const Analytics: React.FC = ({ children }) => {
+  React.useEffect(() => {
     if (!env.GOOGLE_ANALYTICS_ID) {
       return;
     }
@@ -33,9 +33,9 @@ export default class Analytics extends React.Component {
     if (document.body) {
       document.body.appendChild(script);
     }
-  }
+  }, []);
 
-  render() {
-    return this.props.children || null;
-  }
-}
+  return <>{children}</>;
+};
+
+export default Analytics;