带有 React 的 Google Analytics 无法正常工作

我在我的反应项目中使用谷歌分析，即使我在线，它也不会显示任何活跃用户。我尝试过在网上找到的不同方法，但似乎都不起作用。我只在本地主机上尝试过，而不是在已部署的网站上尝试过，但我认为它应该仍然有效。

这是我的代码。

我的应用程序.js

import React, { Suspense, useEffect } from "react";
import "./App.css";
import IntroPage from "./containers/IntroPage/IntroPage";
import Layout from "./containers/Layout/Layout";
import { Switch, Route, Redirect, withRouter } from "react-router-dom";
import Spinner from "./Components/UI/Spinner/Spinner";
import ReactGA from "react-ga";

const Contact = React.lazy(() => import("./Components/Contact/Contact"));

const trackingId = "UA-171033255-1";
ReactGA.initialize(trackingId);


function App() {
  useEffect(() => {
    ReactGA.pageview(window.location.pathname + window.location.search);
  }, []);

  return (
    <div className="App">
      <Layout>
        <Switch>
          <Route
            path="/contact"
            render={() => (
              <Suspense
                fallback={
                  <div className="Fallback">
                    <Spinner />
                  </div>
                }
              >
                <Contact />
              </Suspense>
            )}
          />
          <Route path="/" component={IntroPage} />
          <Redirect to="/" />
        </Switch>
      </Layout>
    </div>
  );
}

export default withRouter(App);

我在这里做错了什么？

更新自react-ga to react-ga4 https://www.npmjs.com/package/react-ga4为我工作。

将导入更改为react-ga4而不是ReactGA.pageview(...) use ReactGA.send("pageview").