diff --git a/components/PostHogProvider.tsx b/components/PostHogProvider.tsx index e632bcc..ba3c8c5 100644 --- a/components/PostHogProvider.tsx +++ b/components/PostHogProvider.tsx @@ -2,19 +2,22 @@ import { useEffect } from 'react' import { usePathname } from 'next/navigation' -import { initPostHog, posthog } from '@/lib/posthog' +import posthog from 'posthog-js' export default function PostHogProvider({ children }: { children: React.ReactNode }) { useEffect(() => { - initPostHog() + posthog.init('phc_BHgg9S7CQqVShe7EMCdi86PxA49qcNaTsR9Nn5EGxRCT', { + api_host: 'https://analytics.hyggecraftery.com', + capture_pageview: false, + persistence: 'localStorage', + }) }, []) const pathname = usePathname() useEffect(() => { - if (posthog.__loaded) { - posthog.capture('$pageview', { $current_url: window.location.href }) - } + // PostHog queues events automatically before init completes + posthog.capture('$pageview', { $current_url: window.location.href }) }, [pathname]) return <>{children} diff --git a/lib/posthog.ts b/lib/posthog.ts index 658b195..794536a 100644 --- a/lib/posthog.ts +++ b/lib/posthog.ts @@ -1,13 +1,2 @@ import posthog from 'posthog-js' - -export function initPostHog() { - if (typeof window !== 'undefined' && !posthog.__loaded) { - posthog.init('phc_BHgg9S7CQqVShe7EMCdi86PxA49qcNaTsR9Nn5EGxRCT', { - api_host: 'https://analytics.hyggecraftery.com', - capture_pageview: false, - persistence: 'localStorage', - }) - } -} - export { posthog }