dikaioai
diff --git a/‎packages/clerk-js/src/ui/components/OrganizationProfile/ActiveMembersList.tsx‎
Lines changed: 12 additions & 1 deletion b/‎packages/clerk-js/src/ui/components/OrganizationProfile/ActiveMembersList.tsx‎
Lines changed: 12 additions & 1 deletion
diff --git a/‎packages/clerk-js/src/ui/components/OrganizationProfile/InvitedMembersList.tsx‎
Lines changed: 9 additions & 1 deletion b/‎packages/clerk-js/src/ui/components/OrganizationProfile/InvitedMembersList.tsx‎
Lines changed: 9 additions & 1 deletion
diff --git a/‎packages/shared/src/hooks/useOrganization.tsx‎
Lines changed: 14 additions & 2 deletions b/‎packages/shared/src/hooks/useOrganization.tsx‎
Lines changed: 14 additions & 2 deletions
@@ -16,11 +16,19 @@ export const ActiveMembersList = () => {
     organization,
     membershipList,
     membership: currentUserMembership,
+    ...rest
   } = useCoreOrganization({
     membershipList: { offset: (page - 1) * ITEMS_PER_PAGE, limit: ITEMS_PER_PAGE },
   });
   const isAdmin = currentUserMembership?.role === 'admin';
 
+  const mutateSwrState = () => {
+    const unstable__mutate = (rest as any).unstable__mutate;
+    if (unstable__mutate && typeof unstable__mutate === 'function') {
+      unstable__mutate();
+    }
+  };
+
   if (!organization) {
     return null;
   }
@@ -36,7 +44,10 @@ export const ActiveMembersList = () => {
     if (!isAdmin) {
       return;
     }
-    return card.runAsync(membership.destroy()).catch(err => handleError(err, [], card.setError));
+    return card
+      .runAsync(membership.destroy())
+      .then(mutateSwrState)
+      .catch(err => handleError(err, [], card.setError));
   };
 
   return (
 
@@ -12,17 +12,25 @@ const ITEMS_PER_PAGE = 10;
 export const InvitedMembersList = () => {
   const card = useCardState();
   const { page, changePage } = usePagination();
-  const { organization, invitationList } = useCoreOrganization({
+  const { organization, invitationList, ...rest } = useCoreOrganization({
     invitationList: { offset: (page - 1) * ITEMS_PER_PAGE, limit: ITEMS_PER_PAGE },
   });
 
+  const mutateSwrState = () => {
+    const unstable__mutate = (rest as any).unstable__mutate;
+    if (unstable__mutate && typeof unstable__mutate === 'function') {
+      unstable__mutate();
+    }
+  };
+
   if (!organization) {
     return null;
   }
 
   const revoke = (invitation: OrganizationInvitationResource) => () => {
     return card
       .runAsync(invitation.revoke)
+      .then(mutateSwrState)
       .then(() => changePage(1))
       .catch(err => handleError(err, [], card.setError));
   };
 
@@ -58,14 +58,22 @@ export const useOrganization: UseOrganization = params => {
     ? () => [] as OrganizationMembershipResource[]
     : () => clerk.organization?.getMemberships(membershipListParams);
 
-  const { data: invitationList, isValidating: isInvitationsLoading } = useSWR(
+  const {
+    data: invitationList,
+    isValidating: isInvitationsLoading,
+    mutate: mutateInvitationList,
+  } = useSWR(
     shouldFetch && invitationListParams
       ? cacheKey('invites', organization, lastOrganizationInvitation, invitationListParams)
       : null,
     pendingInvitations,
   );
 
-  const { data: membershipList, isValidating: isMembershipsLoading } = useSWR(
+  const {
+    data: membershipList,
+    isValidating: isMembershipsLoading,
+    mutate: mutateMembershipList,
+  } = useSWR(
     shouldFetch && membershipListParams
       ? cacheKey('memberships', organization, lastOrganizationMember, membershipListParams)
       : null,
@@ -109,6 +117,10 @@ export const useOrganization: UseOrganization = params => {
     membershipList,
     membership: getCurrentOrganizationMembership(session!.user.organizationMemberships, organization.id), // your membership in the current org
     invitationList,
+    unstable__mutate: () => {
+      void mutateMembershipList();
+      void mutateInvitationList();
+    },
   };
 };