TrackPageView.js

import React from 'react'
import { withRouter } from 'react-router-dom'
import { track } from './tracker'
import { getQueryParams } from './utils/params'
import { EVENT_PAGE_VIEW } from './utils/event'
import ReactGA from 'react-ga'

export const TrackPageView = withRouter(
  class TrackPageView extends React.Component {
    componentDidMount() {
      ReactGA.initialize(process.env.GA_TRACKING_ID)
      this.trackPageview()
    }
    componentDidUpdate(nextProps) {
      if (nextProps.location !== this.props.location) {
        this.trackPageview()
      }
    }
    async trackPageview() {
      ReactGA.pageview(
        this.props.location.pathname + this.props.location.search
      )
      
      track(EVENT_PAGE_VIEW + ':' + this.props.location.pathname, {
        ...getQueryParams()
      })
    }
    render() {
      return null
    }
  }
)