From d98a4f68d95028971f8d3bcbd11d822a5ab444e4 Mon Sep 17 00:00:00 2001
From: Tom Milewski <me@tm.codes>
Date: Tue, 7 Nov 2023 09:40:09 -0500
Subject: [PATCH] fix(clerk-js,shared): Refresh invited members upon revocation
 (#2058)

(cherry picked from commit 59336d3d468edd205c0e5501b7d5046611ee217d)
---
 .changeset/thirty-doors-peel.md                              | 5 +++++
 .../ui/components/OrganizationProfile/ActiveMembersList.tsx  | 2 +-
 .../ui/components/OrganizationProfile/InvitedMembersList.tsx | 5 +++--
 3 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/thirty-doors-peel.md

diff --git a/.changeset/thirty-doors-peel.md b/.changeset/thirty-doors-peel.md
new file mode 100644
index 00000000000..3b99449a18d
--- /dev/null
+++ b/.changeset/thirty-doors-peel.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Refresh invited members upon revocation
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/ActiveMembersList.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/ActiveMembersList.tsx
index ea1417821b4..98c400ec1a7 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/ActiveMembersList.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/ActiveMembersList.tsx
@@ -33,7 +33,7 @@ export const ActiveMembersList = () => {
       .catch(err => handleError(err, [], card.setError));
   };
 
-  const handleRemove = (membership: OrganizationMembershipResource) => () => {
+  const handleRemove = (membership: OrganizationMembershipResource) => async () => {
     return card
       .runAsync(async () => {
         const destroyedMembership = await membership.destroy();
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/InvitedMembersList.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/InvitedMembersList.tsx
index 504bbf04310..4aed87c4968 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/InvitedMembersList.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/InvitedMembersList.tsx
@@ -22,11 +22,12 @@ export const InvitedMembersList = () => {
     return null;
   }
 
-  const revoke = (invitation: OrganizationInvitationResource) => () => {
+  const revoke = (invitation: OrganizationInvitationResource) => async () => {
     return card
       .runAsync(async () => {
         await invitation.revoke();
-        await (invitations as any).unstable__mutate?.();
+        await invitations?.revalidate?.();
+        return invitation;
       })
       .catch(err => handleError(err, [], card.setError));
   };