fix(clerk-js,shared): Refresh invited members upon revocation (#2058) (…

…#2088) (cherry picked from commit 59336d3) Co-authored-by: Tom Milewski <[email protected]>
clerk · Nov 8, 2023 · 26cb643 · 26cb643
1 parent 4473db8
commit 26cb643
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/.changeset/thirty-doors-peel.md 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
@@ -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
@@ -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));
   };