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)); };