diff --git a/package-lock.json b/package-lock.json
index 0230f52..04bf05b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,6 +27,7 @@
         "react-calendar": "^4.6.0",
         "react-dom": "^18.2.0",
         "react-ga": "^3.3.1",
+        "react-ga4": "^2.1.0",
         "react-icons": "^4.10.1",
         "react-leaflet": "^4.2.1",
         "react-resizable": "^3.0.5",
@@ -16519,6 +16520,11 @@
         "react": "^15.6.2 || ^16.0 || ^17 || ^18"
       }
     },
+    "node_modules/react-ga4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/react-ga4/-/react-ga4-2.1.0.tgz",
+      "integrity": "sha512-ZKS7PGNFqqMd3PJ6+C2Jtz/o1iU9ggiy8Y8nUeksgVuvNISbmrQtJiZNvC/TjDsqD0QlU5Wkgs7i+w9+OjHhhQ=="
+    },
     "node_modules/react-icons": {
       "version": "4.10.1",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.10.1.tgz",
diff --git a/package.json b/package.json
index b3d5626..d47731c 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "react-calendar": "^4.6.0",
     "react-dom": "^18.2.0",
     "react-ga": "^3.3.1",
+    "react-ga4": "^2.1.0",
     "react-icons": "^4.10.1",
     "react-leaflet": "^4.2.1",
     "react-resizable": "^3.0.5",
diff --git a/src/App.js b/src/App.js
index 77fee29..2bdcf53 100644
--- a/src/App.js
+++ b/src/App.js
@@ -10,9 +10,9 @@ import { ChakraProvider } from "@chakra-ui/react";
 import "leaflet/dist/leaflet.css";
 import { AuthContextProvider } from "./context/AuthContext";
 import AboutPage from "./components/AboutPage/AboutPage";
-import ReactGA from "react-ga";
+import ReactGA from "react-ga4";
 
-ReactGA.initialize("UA-283774176-1");
+ReactGA.initialize("408250198");
 function App() {
   return (
     <AuthContextProvider>