bug: Destructuring posthog variable causes it to not work

[jay-babu]

using posthog react

the first works fine:

  const posthog = usePostHog();

  useEffect(() => {
	posthog.capture(...)
  },[posthog]);

the second does not work

  const { capture } = usePostHog();

  useEffect(() => {
	capture(...)
  },[capture]);

[jay-babu]

error message is:
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '__loaded')

[rafaeelaudibert]

This is happening because we're returning an instance of a class that depends on their this value, not really a raw object. this does not bind how you'd expect on classes, so this is expected to fail.

You could bind the right this by calling capture.bind(posthog)() but in that case you might as well just call posthog.capture()

This is our intended usage, so Im tending towards triaging this as not a bug