emoji-picker-react 4.5.4 → 4.5.5

package/dist/emoji-picker-react.cjs.development.js

@@ -18424,9 +18424,10 @@ function Suggested(_ref) {
 
 function EmojiList() {
   var categories = useCategoriesConfig();
+  var renderdCategoriesCountRef = React.useRef(0);
   return React.createElement("ul", {
     className: ClassNames.emojiList
-  }, categories.map(function (categoryConfig, index) {
+  }, categories.map(function (categoryConfig) {
     var category = categoryFromCategoryConfig(categoryConfig);
 
     if (category === exports.Categories.SUGGESTED) {
@@ -18438,17 +18439,17 @@ function EmojiList() {
 
     return React.createElement(RenderCategory, {
       key: category,
-      index: index,
       category: category,
-      categoryConfig: categoryConfig
+      categoryConfig: categoryConfig,
+      renderdCategoriesCountRef: renderdCategoriesCountRef
     });
   }));
 }
 
 function RenderCategory(_ref) {
-  var index = _ref.index,
-      category = _ref.category,
-      categoryConfig = _ref.categoryConfig;
+  var category = _ref.category,
+      categoryConfig = _ref.categoryConfig,
+      renderdCategoriesCountRef = _ref.renderdCategoriesCountRef;
   var isEmojiHidden = useIsEmojiHidden();
   var lazyLoadEmojis = useLazyLoadEmojisConfig();
   var emojiStyle = useEmojiStyleConfig();
@@ -18462,7 +18463,12 @@ function RenderCategory(_ref) {
   var showVariations = !useSkinTonesDisabledConfig(); // Small trick to defer the rendering of all emoji categories until the first category is visible
   // This way the user gets to actually see something and not wait for the whole picker to render.
 
-  var emojisToPush = !isPastInitialLoad && index > 1 ? [] : emojisByCategory(category);
+  var emojisToPush = !isPastInitialLoad && renderdCategoriesCountRef.current > 0 ? [] : emojisByCategory(category);
+
+  if (emojisToPush.length > 0) {
+    renderdCategoriesCountRef.current++;
+  }
+
   var hiddenCounter = 0;
   var emojis = emojisToPush.map(function (emoji) {
     var unified = emojiUnified(emoji, activeSkinTone);