diff --git a/src/hooks/useBasePopoverReactionList/index.ts b/src/hooks/useBasePopoverReactionList/index.ts index 87c9d23c6e3..90fadc85e78 100644 --- a/src/hooks/useBasePopoverReactionList/index.ts +++ b/src/hooks/useBasePopoverReactionList/index.ts @@ -22,6 +22,7 @@ export default function useBasePopoverReactionList({emojiName, emojiReactions, a emojiCodes: [], hasUserReacted: false, users: [], + isReady: false, }; } @@ -34,6 +35,7 @@ export default function useBasePopoverReactionList({emojiName, emojiReactions, a reactionCount, hasUserReacted, users, + isReady: true, }; } diff --git a/src/pages/home/report/ReactionList/PopoverReactionList/BasePopoverReactionList.tsx b/src/pages/home/report/ReactionList/PopoverReactionList/BasePopoverReactionList.tsx index 9f024ac9284..f9ef4041ba3 100644 --- a/src/pages/home/report/ReactionList/PopoverReactionList/BasePopoverReactionList.tsx +++ b/src/pages/home/report/ReactionList/PopoverReactionList/BasePopoverReactionList.tsx @@ -21,13 +21,12 @@ function BasePopoverReactionList(props: BasePopoverReactionListPropsWithLocalWit preferredLocale, }); // Get the reaction information - const {emojiCodes, reactionCount, hasUserReacted, users} = getReactionInformation(); - + const {emojiCodes, reactionCount, hasUserReacted, users, isReady} = getReactionInformation(); useImperativeHandle(ref, () => ({hideReactionList, showReactionList})); return ( ) useImperativeHandle(ref, () => ({showReactionList, hideReactionList, isActiveReportAction})); - if (reactionListReportActionID === '' || reactionListEmojiName === '') { - return null; - } - return (