Fix reaction picker not opening

app/containers/ActionSheet/ActionSheet.tsx

@@ -140,7 +140,7 @@ const ActionSheet = React.memo(
 						style={{ ...styles.container, ...bottomSheet }}
 						backgroundStyle={{ backgroundColor: colors.focusedBackground }}
 						onChange={index => index === -1 && onClose()}
-						activeOffsetY={[-1, 1]}
+						activeOffsetY={[-5, 5]}
 						failOffsetX={[-5, 5]}
 						{...androidTablet}
 					>

app/containers/MessageActions/index.tsx

@@ -264,7 +264,8 @@ const MessageActions = React.memo(
 					// TODO: evaluate unification with IEmoji
 					onReactionPress(shortname as any, message.id);
 				} else {
-					reactionInit(message);
+					// Wait for the Action Sheet to close before opening reaction picker
+					setTimeout(() => reactionInit(message), 500);
 				}
 				// close actionSheet when click at header
 				hideActionSheet();

app/containers/MessageBox/EmojiSearchbar.tsx

@@ -23,7 +23,7 @@ interface IEmojiSearchbarProps {
 }
 
 const renderEmoji = (emoji: IEmoji, size: number, baseUrl: string) => {
-	if (emoji.name) {
+	if (emoji?.name) {
 		return <CustomEmoji style={{ height: size, width: size, margin: 4 }} emoji={emoji} baseUrl={baseUrl} />;
 	}
 	return <Text style={[styles.searchedEmoji, { fontSize: size }]}>{shortnameToUnicode(`:${emoji}:`)}</Text>;
@@ -82,7 +82,7 @@ const EmojiSearchbar = React.forwardRef<TextInput, IEmojiSearchbarProps>(
 						</View>
 					)}
 					// @ts-ignore
-					keyExtractor={item => item.name || item}
+					keyExtractor={item => item?.name || item}
 					contentContainerStyle={styles.emojiListContainer}
 					keyboardShouldPersistTaps='always'
 				/>