chore: disable posthog default $pageview capture (#2645)

chore: disable default page view capture

package.json

@@ -183,6 +183,7 @@
 		"openapi-types": "^12.1.3",
 		"p-map": "^4.0.0",
 		"pkg-dir": "^5.0.0",
+		"posthog-js": "^1.194.6",
 		"probe-image-size": "^7.2.3",
 		"promise-polyfill": "^8.2.1",
 		"query-string": "^7.1.1",

src/hooks/use-posthog-analytics.ts

@@ -5,10 +5,14 @@
 
 import { useEffect } from 'react'
 import { useRouter } from 'next/router'
+import { type PostHog } from 'posthog-js'
 
 declare global {
+	/* 
+	Loaded via a posthog script tag in GTM based on datagrail consent
+	*/
 	interface Window {
-		posthog?: $TSFixMe
+		posthog?: PostHog
 	}
 }
 
@@ -17,7 +21,7 @@ function onRouteChangeComplete() {
 	 * PostHog automatically captures a `pageview` for initial page loads.
 	 * Subsequent client-side navigation events have to be captured manually,
 	 * which is why we have to set up this `onRouteChangeComplete` event.
-	 * 
+	 *
 	 * PostHog documentation for capturing pageviews in SPA with the JS web installation:
 	 * https://posthog.com/docs/libraries/js#single-page-apps-and-pageviews
 	 */
@@ -33,7 +37,9 @@ export default function usePostHogPageAnalytics(): void {
 
 	useEffect(() => {
 		// Ensures code only runs if PostHog has been initialized
-		if (!window?.posthog?.capture) return
+		if (!window?.posthog) return
+
+		window.posthog.config.capture_pageview = false
 
 		// Record a pageview when route changes
 		router.events.on('routeChangeComplete', onRouteChangeComplete)