onLocationChange isn't being called

useTrackPageView.ts

// set page tracking for Single Page Applications
// see https://developers.google.com/analytics/devguides/collection/gtagjs/single-page-applications

import { createBrowserHistory, Update } from 'history'; // 5.0.1
import { useEffect } from 'react';

const history = createBrowserHistory();

const onLocationChange = ({ location }: Update) => {
  const { gtag } = window;
  const { pathname, search } = location;
  const pagePath = `${pathname}${search}`;

  console.log('pagePath', pagePath);
  if (!gtag) return;

  gtag('set', {
    page_path: pagePath,
  });
  gtag('event', 'page_view');
};

export const useTrackPageView = () => {
  useEffect(() => {
    console.log('useTrackPageView');
    const unlisten = history.listen(onLocationChange);
    return unlisten;
  }, []);
};