tldraw/hooks/useGtag.ts
2021-06-19 10:00:44 +01:00

19 lines
468 B
TypeScript

import router from 'next/router'
import { useEffect } from 'react'
import * as gtag from 'utils/gtag'
export default function useGtag() {
useEffect(() => {
if (process.env.NODE_ENV !== 'production') return
function handleRouteChange(url: URL) {
gtag.pageview(url)
}
router.events.on('routeChangeComplete', handleRouteChange)
return () => {
router.events.off('routeChangeComplete', handleRouteChange)
}
}, [router.events])
}