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;