diff --git a/apps/web/src/app/[locale]/layout.tsx b/apps/web/src/app/[locale]/layout.tsx
index cbaa6aafc..efa9c68d8 100644
--- a/apps/web/src/app/[locale]/layout.tsx
+++ b/apps/web/src/app/[locale]/layout.tsx
@@ -2,7 +2,7 @@ import "tailwindcss/tailwind.css";
 import "../../style.css";
 
 import { defaultLocale, supportedLngs } from "@rallly/languages";
-import { PostHogProvider } from "@rallly/posthog/client";
+import { posthog, PostHogProvider } from "@rallly/posthog/client";
 import { Toaster } from "@rallly/ui/toaster";
 import { TooltipProvider } from "@rallly/ui/tooltip";
 import { domAnimation, LazyMotion } from "motion/react";
@@ -61,7 +61,7 @@ export default async function Root({
         <I18nProvider locale={locale}>
           <TRPCProvider>
             <LazyMotion features={domAnimation}>
-              <PostHogProvider>
+              <PostHogProvider client={posthog}>
                 <PostHogPageView />
                 <TooltipProvider>
                   <UserProvider
diff --git a/apps/web/src/components/upgrade-button.tsx b/apps/web/src/components/upgrade-button.tsx
index c85f16885..a5e06cd3d 100644
--- a/apps/web/src/components/upgrade-button.tsx
+++ b/apps/web/src/components/upgrade-button.tsx
@@ -11,8 +11,8 @@ export const UpgradeButton = ({
   annual,
   large,
   className,
-}: React.PropsWithChildren<{ 
-  annual?: boolean; 
+}: React.PropsWithChildren<{
+  annual?: boolean;
   large?: boolean;
   className?: string;
 }>) => {
diff --git a/packages/posthog/package.json b/packages/posthog/package.json
index bc1024854..2e5f60cab 100644
--- a/packages/posthog/package.json
+++ b/packages/posthog/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "exports": {
     "./server": "./src/server/index.ts",
-    "./client": "./src/client/index.ts",
+    "./client": "./src/client.ts",
     "./next/middleware": "./src/next/middleware.ts"
   },
   "scripts": {
diff --git a/packages/posthog/src/client/provider.tsx b/packages/posthog/src/client.ts
similarity index 73%
rename from packages/posthog/src/client/provider.tsx
rename to packages/posthog/src/client.ts
index b9f12ab3a..bde7e0e6c 100644
--- a/packages/posthog/src/client/provider.tsx
+++ b/packages/posthog/src/client.ts
@@ -1,10 +1,10 @@
 "use client";
 import Cookies from "js-cookie";
 import posthog from "posthog-js";
-import { PostHogProvider as Provider } from "posthog-js/react";
-import React from "react";
 
-import { POSTHOG_BOOTSTAP_DATA_COOKIE_NAME } from "../constants";
+import { POSTHOG_BOOTSTAP_DATA_COOKIE_NAME } from "./constants";
+
+export { PostHogProvider, usePostHog } from "posthog-js/react";
 
 if (typeof window !== "undefined" && process.env.NEXT_PUBLIC_POSTHOG_API_KEY) {
   let bootstrapData = {};
@@ -31,6 +31,4 @@ if (typeof window !== "undefined" && process.env.NEXT_PUBLIC_POSTHOG_API_KEY) {
   });
 }
 
-export function PostHogProvider(props: { children?: React.ReactNode }) {
-  return <Provider client={posthog}>{props.children}</Provider>;
-}
+export { posthog };
diff --git a/packages/posthog/src/client/index.ts b/packages/posthog/src/client/index.ts
deleted file mode 100644
index 0fea80189..000000000
--- a/packages/posthog/src/client/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-"use client";
-
-export { PostHogProvider } from "./provider";
-export { usePostHog } from "posthog-js/react";