Update to Google Analytics 4 (#342)

package.json

@@ -15,7 +15,7 @@
     "prop-types": "^15.8.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "react-ga": "^2.7.0",
+    "react-ga4": "^2.1.0",
     "react-icons": "^3.11.0",
     "react-markdown": "^4.3.1",
     "react-minimal-pie-chart": "^8.4.0",

src/components/App.js

@@ -5,12 +5,11 @@ import './styles.scss';
 import Navigation from './Navigation';
 import Tabs from './Tabs';
 
-import { initGA, PageView } from './Shared/Tracking';
+import { initGA } from './Shared/Tracking';
 
 class App extends React.Component {
   componentDidMount() {
-    initGA('G-GKMJ4KP806', { debug: false });
-    PageView();
+    initGA('G-J7FBQPGZTW');
   }
 
   render() {

src/components/Shared/Tracking/index.js

@@ -1,19 +1,20 @@
-import ReactGA from 'react-ga';
+import ReactGA from 'react-ga4';
 
 const initGA = (trackingID, options) => {
-  ReactGA.initialize(trackingID, { ...options });
-};
-
-const PageView = () => {
-  ReactGA.pageview(window.location.pathname + window.location.search);
+  ReactGA.initialize([
+    {
+      trackingId: trackingID,
+      gaOptions: { ...options },
+    },
+  ]);
 };
 
 const Event = (category, action, label) => {
   ReactGA.event({
-    category,
-    action,
-    label,
+    category: category,
+    action: action,
+    label: label,
   });
 };
 
-export { initGA, PageView, Event };
+export { initGA, Event };