add analytics

app/entry.client.tsx

@@ -4,15 +4,28 @@
  * For more information, see https://remix.run/file-conventions/entry.client
  */
 
-import { RemixBrowser } from "@remix-run/react";
-import { startTransition, StrictMode } from "react";
-import { hydrateRoot } from "react-dom/client";
+import { RemixBrowser } from '@remix-run/react'
+import { startTransition, StrictMode, useEffect } from 'react'
+import { hydrateRoot } from 'react-dom/client'
+import posthog from 'posthog-js'
 
+function PosthogInit() {
+  useEffect(() => {
+    posthog.init(import.meta.env.VITE_PH_API_KEY, {
+      api_host: import.meta.env.VITE_PH_API_HOST,
+      person_profiles: 'identified_only',
+      capture_pageview: false,
+    })
+  }, [])
+
+  return null
+}
 startTransition(() => {
   hydrateRoot(
     document,
     <StrictMode>
       <RemixBrowser />
+      <PosthogInit />
     </StrictMode>
-  );
-});
+  )
+})