diff --git a/components/molecules/ContributorProfileHeader/contributor-profile-header.tsx b/components/molecules/ContributorProfileHeader/contributor-profile-header.tsx
index 56defb5c4c..c26c84a795 100644
--- a/components/molecules/ContributorProfileHeader/contributor-profile-header.tsx
+++ b/components/molecules/ContributorProfileHeader/contributor-profile-header.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, use } from "react";
 import Avatar from "components/atoms/Avatar/avatar";
 import Image from "next/image";
 import RainbowBg from "img/rainbow-cover.png";
@@ -8,7 +8,7 @@ import { MarkGithubIcon } from "@primer/octicons-react";
 import { User } from "@supabase/supabase-js";
 import { FiCopy } from "react-icons/fi";
 import { useToast } from "lib/hooks/useToast";
-import { usePostHog } from 'posthog-js/react'
+import { usePostHogContext } from 'posthog-js/react'
 
 interface ContributorProfileHeaderProps {
   avatarUrl?: string;
@@ -34,7 +34,7 @@ const ContributorProfileHeader = ({
   handleSignIn,
   isOwner
 }: ContributorProfileHeaderProps) => {
-  const posthog = usePostHog()
+  const posthog = usePostHogContext()
   const { toast } = useToast();
   const [host, setHost] = useState("");
   const handleFollowClick = () => {