diff --git a/packages/pl-fe/src/features/ui/components/action-button.tsx b/packages/pl-fe/src/features/ui/components/action-button.tsx index 7e89840b0..6b65777ed 100644 --- a/packages/pl-fe/src/features/ui/components/action-button.tsx +++ b/packages/pl-fe/src/features/ui/components/action-button.tsx @@ -64,7 +64,7 @@ const ActionButton: React.FC = ({ account, actionType, small }) = const { isLoggedIn, me } = useLoggedIn(); const { follow, unfollow } = useFollow(); - const { relationship } = useRelationship(account.id, { enabled: true }); + const { relationship, isLoading } = useRelationship(account.id, { enabled: true }); const { mutate: authorizeFollowRequest } = useAcceptFollowRequestMutation(account.id); const { mutate: rejectFollowRequest } = useRejectFollowRequestMutation(account.id); @@ -241,6 +241,7 @@ const ActionButton: React.FC = ({ account, actionType, small }) = } if (!relationship) { + if (!isLoading) return null; // Wait until the relationship is loaded return (