These additional cases were inspired from this example in the rn-emoji-keyboard docs

I was wondering, how about creating a hook/state that will contain an array of emojis and add/remove emoji while calling onEmojiSelected instead of recalculating this on each item.reactionschange (even if viewerReacted is false)?

I am not familiar with all parts of this logic, so curious how hard this will be to implement and if we will gain anything from this.

I don't think this is possible, because this component is actually part of a modal component (RobotextMessageTooltipModal, TextMessageTooltipModal, MultimediaMessageTooltipModal. This means that when we close the modal/go back we will unmount this screen and the state for this component will get thrown away. I found this blurb in the react-navigation docs that might offer more context:

https://reactnavigation.org/docs/hello-react-navigation/#configuring-the-navigator:~:text=or%20your%20component%20will%20unmount%20and%20remount%20losing%20all%20state

You could have avoided copy-pasting this block three times if you had defined a hook (eg. useViewerAlreadySelectedMessageReactions) instead of defining a utility function

D8410