Nextjs 13 App Dir example triggers twice on initial site load

[IHIutch]

Just followed the guide on installing fathom using the App directory with Nextjs 13 and I noticed the trackPageview() runs twice on the initial site load. Basically, any initial visit or page refresh.

next: 13.4.2

Here's a repro: https://codesandbox.io/p/sandbox/inspiring-raman-yxnjxp

[IHIutch]

Maybe related? vercel/next.js#49115

[derrickreimer]

Sorry for the trouble! This might be worth a shot. I suspect it's auto-firing a page view on load, and then firing another pageview in the other effect hook.

  function TrackPageView() {
    const pathname = usePathname()
    const searchParams = useSearchParams()

    useEffect(() => {
      load('MY_FATHOM_ID', {
        includedDomains: ['yourwebsite.com'],
+       auto: false
      })
    }, [])

Let me know if this solves it and we can update the docs!

[IHIutch]

Ah, yes that does appear to work. Thanks!

[derrickreimer]

Cool! I'll update the readme.

[shhgholipour]

Sorry for the trouble! This might be worth a shot. I suspect it's auto-firing a page view on load, and then firing another pageview in the other effect hook.

  function TrackPageView() {
    const pathname = usePathname()
    const searchParams = useSearchParams()

    useEffect(() => {
      load('MY_FATHOM_ID', {
        includedDomains: ['yourwebsite.com'],
+       auto: false
      })
    }, [])

Let me know if this solves it and we can update the docs!

It didn't work for me

[derrickreimer]

@shhgholipour do you have a Next.js repo you can point to that reproduces the issue?