udpating analytics

package.json

@@ -16,7 +16,7 @@
     "react-copy-to-clipboard": "^5.0.3",
     "react-countdown": "^2.3.1",
     "react-dom": "^16.13.1",
-    "react-ga": "^2.7.0",
+    "react-ga4": "^1.4.1",
     "react-i18next": "^11.8.6",
     "react-mailchimp-subscribe": "^2.1.0",
     "react-multi-carousel": "^2.8.0",

src/App.js

@@ -1,7 +1,7 @@
 import React, {  useEffect } from 'react';
 import { useLocation, Switch } from 'react-router-dom';
 import AppRoute from './utils/AppRoute';
-import ReactGA from 'react-ga';
+import ReactGA from 'react-ga4';
 import LayoutDefault from './layouts/LayoutDefault';
 import AOS from 'aos';
 import 'aos/dist/aos.css';
@@ -15,8 +15,8 @@ import Summary from "./views/Summary";
 ReactGA.initialize(process.env.REACT_APP_GA_ID);
 
 const trackPage = page => {
-  ReactGA.set({ page });
-  ReactGA.pageview(page);
+    ReactGA.set({ page });
+    ReactGA.send(page);
 };
 
 const App = () => {

src/Containers/Homepage/XPRTEcosystem.js

@@ -9,7 +9,7 @@ import {
     PERSISTENCEONE_TELEGRAM_URL,
     PERSISTENCEONE_TWITTER_URL, PERSISTENCEONE_YOUTUBE_URL
 } from "../../constants/config";
-import ReactGa from "react-ga";
+import ReactGa from "react-ga4";
 const socialList = [
     {
         url: PERSISTENCEONE_TWITTER_URL,

src/components/layout/Footer/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import icon from '../../../assets/images1/persistencefooterlogo.svg'
 import Mailchimp from "./MailChimp";
-import ReactGa from 'react-ga';
+import ReactGa from 'react-ga4';
 import Icon from "../../Icon";
 import { useTranslation } from "react-i18next";
 import {

src/components/layout/Header.js

@@ -14,7 +14,7 @@ import {
     PERSISTENCEONE_REDDIT_URL
 
 } from "../../constants/config";
-import ReactGa from "react-ga";
+import ReactGa from "react-ga4";
 
 const socialList = [
     {

src/index.js

@@ -4,7 +4,7 @@ import { Router } from "react-router-dom";
 import { createBrowserHistory } from "history";
 import './components/Internationalization/i18n'
 import App from './App';
-import ReactGa from 'react-ga';
+import ReactGa from 'react-ga4';
 import * as serviceWorker from './serviceWorker';
 
 //import './App.css';