title: react-ga4 sends view multiple times
body: <p>I´ve set up a google analytics account and and created a new property. Took the tracking id out and then added with react-ga4 like this.</p>
  <p>For example on my Album ItemPage</p>
  <pre><code>const ItemPage = () =&gt; {
      const {user} = useContext(AuthContext);
      let { item } = useParams();
      const [album, setAlbum] = useState({});
  
  
      useEffect(() =&gt; {
          const getAlbum = async () =&gt; {
              try {
                  const res = await axios.get(&quot;/albums/find/&quot; + item, {
                  });
                  setAlbum(res.data);
              } catch (err) {
                  console.log(err);
              }
          };
  
          getAlbum();
  
      }, []);
  
  
      let location = useLocation();
      ReactGA.initialize(&quot;G-XXXXXXXXX&quot;);
      ReactGA.send({hitType: &quot;pageview&quot;, page: location.pathname})
  
      return (
          &lt;&gt;
          &lt;div className={&quot;itemPage&quot;} style={{background: &quot;linear-gradient(to bottom,&quot; + color + &quot; -130%,black 90%), url(https://preview.redd.it/o0aq46bb2w111.jpg?width=640&amp;crop=smart&amp;auto=webp&amp;s=6a9216cd0c400677ad95dc66d7cc10e0854aa980)&quot;}}&gt;
              &lt;Navbar/&gt;
              &lt;Cover/&gt;
              &lt;Footer style={{marginTop: &quot;10%&quot;}}/&gt;
          &lt;/div&gt;
              &lt;/&gt;
      );
  }
  
  export default ItemPage;
  </code></pre>
  <p>it sends the correct path and album title to google analytics but ONE click sends SEVEN views. Is there a way to let it max out at 1 time?</p>