Wrap usePlausible in useCallback

[Merott]

usePlausible returns a new function every time, which makes it unsuitable to use in the dependency array of other react hooks.

For now, I'm working around it with a custom wrapper, but it's not ideal:

import { usePlausible as useNextPlausible } from 'next-plausible'
import { useCallback } from 'react'

export function usePlausible() {
  const plausible = useNextPlausible()

  // disabling deps rule because the upstream implementation never changes
  // but it isn't set up with useCallback, so every time it's a new function

  // eslint-disable-next-line react-hooks/exhaustive-deps
  return useCallback(plausible, [])
}

[4lejandrito]

Thanks a lot for reporting this @Merott!. Fixed in https://github.com/4lejandrito/next-plausible/pull/39.

[4lejandrito]

Published as next-plausible@3.1.6.

[Merott]

Nice! Thanks for taking care of it so quickly! 👍🏻