Replace dead react-ga with @vercel/analytics

components/layout.js

@@ -1,10 +1,7 @@
-import { useEffect } from "react";
 import GHCorner from "react-github-corner";
 import styled from "styled-components";
 import { FaWrench } from "react-icons/fa";
 
-import { initGA, logPageView } from "../utils/analytics";
-
 const Footer = styled.footer`
   padding-top: 120px;
 `;
@@ -25,15 +22,6 @@ const Wrench = styled(FaWrench)`
 `;
 
 export default ({ children }) => {
-  useEffect(() => {
-    /* eslint-disable */
-    if (!window.GA_INITIALIZED) {
-      initGA();
-      window.GA_INITIALIZED = true;
-    }
-    /* eslint-enable */
-    logPageView();
-  }, []);
   return (
     <OuterWrapper>
       <GHCorner

package.json

@@ -17,13 +17,13 @@
     "prepare": "husky || true"
   },
   "dependencies": {
+    "@vercel/analytics": "^2.0.1",
     "copy-to-clipboard": "^3.3.3",
     "email-seems-valid": "^0.0.12",
     "next": "^14.2.3",
     "preact": "^10.22.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-ga": "^3.3.1",
     "react-github-corner": "^2.5.0",
     "react-icons": "^5.2.1",
     "styled-components": "^6.1.11"

pages/_app.js

@@ -0,0 +1,10 @@
+import { Analytics } from "@vercel/analytics/next";
+
+export default function MyApp({ Component, pageProps }) {
+  return (
+    <>
+      <Component {...pageProps} />
+      <Analytics />
+    </>
+  );
+}

pages/index.js

@@ -9,7 +9,6 @@ import {
   FaExternalLinkAlt,
 } from "react-icons/fa";
 import styled from "styled-components";
-import { logEvent } from "../utils/analytics";
 
 import Layout from "../components/layout";
 
@@ -138,13 +137,11 @@ const MailTo = () => {
     useFormState();
 
   const handleResetState = () => {
-    logEvent("reset", mailtoHref);
     setCopied(false);
     resetForm();
   };
 
   const handleCopy = () => {
-    logEvent("copy-to-clipboard", mailtoHref);
     copy(mailtoHref);
     setCopied(true);
   };
@@ -314,7 +311,6 @@ const MailTo = () => {
                 </Button>
                 <a
                   href={mailtoHref}
-                  onClick={() => logEvent("open-mail-client", mailtoHref)}
                   target="_blank"
                   rel="noopener noreferrer"
                   aria-label="Open a test email in your default mail client"