diff --git a/apps/web/components/team/MemberListItem.tsx b/apps/web/components/team/MemberListItem.tsx
index c50382f9..1376cec0 100644
--- a/apps/web/components/team/MemberListItem.tsx
+++ b/apps/web/components/team/MemberListItem.tsx
@@ -21,10 +21,10 @@ import { trpc, inferQueryOutput } from "@lib/trpc";
 
 import { Tooltip } from "@components/Tooltip";
 import ConfirmationDialogContent from "@components/dialog/ConfirmationDialogContent";
+import { useCurrentUser } from "@components/team/currentUser";
 import Avatar from "@components/ui/Avatar";
 import ModalContainer from "@components/ui/ModalContainer";
 
-import { useMeQuery } from "../Shell";
 import MemberChangeRoleModal from "./MemberChangeRoleModal";
 import TeamPill, { TeamRole } from "./TeamPill";
 
@@ -56,12 +56,6 @@ export default function MemberListItem(props: Props) {
     return owners.length;
   };
 
-  const useCurrentUser = () => {
-    const query = useMeQuery();
-    const user = query.data;
-    return user?.id;
-  };
-
   const currentUser = useCurrentUser();
 
   const name =
diff --git a/apps/web/components/team/currentUser.tsx b/apps/web/components/team/currentUser.tsx
new file mode 100644
index 00000000..cae76842
--- /dev/null
+++ b/apps/web/components/team/currentUser.tsx
@@ -0,0 +1,7 @@
+import { useMeQuery } from "@components/Shell";
+
+export const useCurrentUser = () => {
+  const query = useMeQuery();
+  const user = query.data;
+  return user?.id;
+};