How to setup the React Google Analytics Module (react-ga) for your react.js app (with no routes).

react-ga-no-routes.jsx

import ReactGA from 'react-ga'; // https://github.com/react-ga/react-ga
import { React, Component } from 'react';

class MyApp extends Component {
  constructor() {
    super();
    this.state = {
      someData: null,
    };

    // Add your tracking ID created from https://analytics.google.com/analytics/web/#home/
    ReactGA.initialize('UA-000000-01');
    // This just needs to be called once since we have no routes in this case.
    ReactGA.pageview(window.location.pathname);
  }

  render() {
    return <h1>MyApp is being tracked by Google Analytics</h1>;
  }
}

export default MyApp;

react-ga-using-hooks.js

import React, { useEffect } from 'react';
import ReactGA from 'react-ga';

export default function App() {
  useEffect(() => {
    ReactGA.initialize('UA-000000-01');
    ReactGA.pageview(window.location.pathname);
  }, []);

  return <h1>hello world</h1>;
};

Hi,
Thanks for the code snippet, but when I use it on my spa project I get this error "ReferenceError: window is not defined".
Any ideas why do I get this error?
Thanks
Michele