perf: dynamically import posthog (#2622)

packages/lib/client-only/hooks/use-analytics.ts

@@ -1,5 +1,14 @@
 import { extractPostHogConfig } from '@documenso/lib/constants/feature-flags';
-import { posthog } from 'posthog-js';
+
+let posthogPromise: Promise<typeof import('posthog-js')> | null = null;
+
+const getPosthog = async () => {
+  if (!posthogPromise) {
+    posthogPromise = import('posthog-js');
+  }
+
+  return posthogPromise;
+};
 
 export function useAnalytics() {
   // const featureFlags = useFeatureFlags();
@@ -16,7 +25,9 @@ export function useAnalytics() {
       return;
     }
 
-    posthog.capture(event, properties);
+    void getPosthog().then(({ default: posthog }) => {
+      posthog.capture(event, properties);
+    });
   };
 
   /**
@@ -30,7 +41,9 @@ export function useAnalytics() {
       return;
     }
 
-    posthog.captureException(error, properties);
+    void getPosthog().then(({ default: posthog }) => {
+      posthog.captureException(error, properties);
+    });
   };
 
   /**