Rollback changes related to revalidation

Author: LauraBeatris

packages/clerk-js/src/ui/components/SessionTasks/tasks/TaskChooseOrganization/ChooseOrganizationScreen.tsx

@@ -135,7 +135,7 @@ const MembershipPreview = (props: { organization: OrganizationResource }) => {
 const InvitationPreview = (props: UserOrganizationInvitationResource) => {
   const card = useCardState();
   const { getOrganization } = useClerk();
-  const [acceptedInvitation, setAcceptedInvitation] = useState<OrganizationResource | null>(null);
+  const [acceptedOrganization, setAcceptedOrganization] = useState<OrganizationResource | null>(null);
   const { userInvitations } = useOrganizationList({
     userInvitations: organizationListParams.userInvitations,
   });
@@ -146,21 +146,20 @@ const InvitationPreview = (props: UserOrganizationInvitationResource) => {
         // When accepting an invitation we don't want to trigger a revalidation as this will cause a layout shift, prefer updating in place
         .runAsync(async () => {
           const updatedItem = await props.accept();
-
           const organization = await getOrganization(props.publicOrganizationData.id);
           return [updatedItem, organization] as const;
         })
         .then(([updatedItem, organization]) => {
           // Update cache in case another listener depends on it
           void userInvitations?.setData?.(cachedPages => populateCacheUpdateItem(updatedItem, cachedPages, 'negative'));
-          setAcceptedInvitation(organization);
+          setAcceptedOrganization(organization);
         })
         .catch(err => handleError(err, [], card.setError))
     );
   };
 
-  if (acceptedInvitation) {
-    return <MembershipPreview organization={acceptedInvitation} />;
+  if (acceptedOrganization) {
+    return <MembershipPreview organization={acceptedOrganization} />;
   }
 
   return (