T
TanStack•5mo ago
underlying-yellow

PostHog on Tanstack Start in a GDPR compliant fashion?

Does somebody have a reference for implementing PostHog in a compliant way with TanStack Start?
2 Replies
harsh-harlequin
harsh-harlequin•5mo ago
I don't but i am interested in this also
correct-apricot
correct-apricot•5mo ago
FWIW this is what I'm rolling with an appears to work: 
const Posthog = () => {
  React.useEffect(() => {
    // eslint-disable-next-line @typescript-eslint/no-floating-promises
    import('posthog-js').then(({ default: posthog }) => {
      posthog.init(import.meta.env.VITE_POSTHOG_API_KEY);
    });
  }, []);

  return null;
};

function RootComponent() {
  return (
    <RootDocument>
      <Outlet />
      <Posthog />
    </RootDocument>
  );
}
const Posthog = () => {
  React.useEffect(() => {
    // eslint-disable-next-line @typescript-eslint/no-floating-promises
    import('posthog-js').then(({ default: posthog }) => {
      posthog.init(import.meta.env.VITE_POSTHOG_API_KEY);
    });
  }, []);

  return null;
};

function RootComponent() {
  return (
    <RootDocument>
      <Outlet />
      <Posthog />
    </RootDocument>
  );
}

Did you find this page helpful?