Merge pull request #30092 from s-alves10/fix/issue-30083

fix: update first emoji index on mount
(cherry picked from commit ccc5e3c)

src/components/EmojiPicker/EmojiPickerMenu/index.js

@@ -371,13 +371,17 @@ function EmojiPickerMenu(props) {
         }
 
         setupEventHandlers();
-        updateFirstNonHeaderIndex(emojis.current);
 
         return () => {
             cleanupEventHandlers();
         };
     }, [forwardedRef, shouldFocusInputOnScreenFocus, cleanupEventHandlers, setupEventHandlers]);
 
+    useEffect(() => {
+        // Find and store index of the first emoji item on mount
+        updateFirstNonHeaderIndex(emojis.current);
+    }, []);
+
     const scrollToHeader = useCallback((headerIndex) => {
         if (!emojiListRef.current) {
             return;