Performance: hide EmojiSelector until portaled

app/soapbox/components/status-reaction-wrapper.tsx

@@ -105,6 +105,7 @@ const StatusReactionWrapper: React.FC<IStatusReactionWrapper> = ({ statusId, chi
         ref: setReferenceElement,
       })}
 
+      {visible && (
         <Portal>
           <EmojiSelector
             placement='top-start'
@@ -113,6 +114,7 @@ const StatusReactionWrapper: React.FC<IStatusReactionWrapper> = ({ statusId, chi
             visible={visible}
           />
         </Portal>
+      )}
     </div>
   );
 };

app/soapbox/features/chats/components/chat-message-reaction-wrapper/chat-message-reaction-wrapper.tsx

@@ -37,6 +37,7 @@ function ChatMessageReactionWrapper(props: IChatMessageReactionWrapper) {
         onClick: onToggleVisibility,
       })}
 
+      {isOpen && (
         <Portal>
           <EmojiSelector
             visible={isOpen}
@@ -47,6 +48,7 @@ function ChatMessageReactionWrapper(props: IChatMessageReactionWrapper) {
             all={false}
           />
         </Portal>
+      )}
     </React.Fragment>
   );
 }