emoji-picker-react 4.6.12-rc.2 → 4.6.12-rc.3

package/dist/components/body/Suggested.d.ts

@@ -3,5 +3,5 @@ import { CategoryConfig } from '../../config/categoryConfig';
 declare type Props = Readonly<{
     categoryConfig: CategoryConfig;
 }>;
-export declare function Suggested({ categoryConfig }: Props): JSX.Element;
+export declare function Suggested({ categoryConfig }: Props): JSX.Element | null;
 export {};

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

@@ -18307,10 +18307,21 @@ var styles$4 = /*#__PURE__*/stylesheet.create({
   }
 });
 
+function useIsMounted() {
+  var _React$useState = React.useState(false),
+    isMounted = _React$useState[0],
+    setIsMounted = _React$useState[1];
+  React.useEffect(function () {
+    setIsMounted(true);
+  }, []);
+  return isMounted;
+}
+
 function Suggested(_ref) {
   var categoryConfig = _ref.categoryConfig;
   var _useUpdateSuggested = useUpdateSuggested(),
     suggestedUpdated = _useUpdateSuggested[0];
+  var isMounted = useIsMounted();
   var suggestedEmojisModeConfig = useSuggestedEmojisModeConfig();
   var getEmojiUrl = useGetEmojiUrlConfig();
   var suggested = React.useMemo(function () {
@@ -18320,6 +18331,9 @@ function Suggested(_ref) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [suggestedUpdated, suggestedEmojisModeConfig]);
   var emojiStyle = useEmojiStyleConfig();
+  if (!isMounted) {
+    return null;
+  }
   return React.createElement(EmojiCategory, {
     categoryConfig: categoryConfig,
     hiddenOnSearch: true,