Files
web/components/TrackingSDK/RouterTracking.tsx
Linus Flood 0a3b063219 Refactor
2024-11-13 09:59:41 +01:00

37 lines
957 B
TypeScript

"use client"
import { usePathname, useSearchParams } from "next/navigation"
import { startTransition, useEffect } from "react"
import useRouterTransitionStore from "@/stores/router-transition"
import useTrackingStore from "@/stores/tracking"
import { trackPageViewStart } from "@/utils/tracking"
export default function RouterTracking({ children }: React.PropsWithChildren) {
const pathName = usePathname()
const searchParams = useSearchParams()
const { setInitialPageLoadTime, hasRun } = useTrackingStore()
const { startRouterTransition } = useRouterTransitionStore()
useEffect(() => {
if (hasRun) {
console.log("TRACKING: RESET PAGE LOAD TIME")
setInitialPageLoadTime(Date.now())
trackPageViewStart()
startTransition(() => {
startRouterTransition()
})
}
}, [
pathName,
searchParams,
setInitialPageLoadTime,
startRouterTransition,
hasRun,
])
return <>{children}</>
}