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

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

@@ -110,6 +110,16 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
+function useIsMounted() {
+  var _React$useState = React.useState(false),
+    isMounted = _React$useState[0],
+    setIsMounted = _React$useState[1];
+  React.useEffect(function () {
+    setIsMounted(true);
+  }, []);
+  return isMounted;
+}
+
 var stylesheet = /*#__PURE__*/flairup.createSheet('epr');
 var hidden = {
   display: 'none',
@@ -122,6 +132,13 @@ var commonStyles = /*#__PURE__*/stylesheet.create({
     '.': ClassNames.hidden
   }, hidden)
 });
+function PickerStyleTag() {
+  var isMounted = useIsMounted();
+  if (stylesheet.isApplied() && isMounted) {
+    return null;
+  }
+  return React.createElement("style", null, stylesheet.getStyle());
+}
 var commonInteractionStyles = /*#__PURE__*/stylesheet.create({
   '.epr-main': {
     ':has(input:not(:placeholder-shown))': {
@@ -18311,6 +18328,7 @@ 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 +18338,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,
@@ -19926,7 +19947,7 @@ function useOnFocus() {
 
 function PickerMain(_ref) {
   var children = _ref.children;
-  return React.createElement(PickerContextProvider, null, React.createElement(PickerRootElement, null, children));
+  return React.createElement(PickerContextProvider, null, React.createElement(PickerStyleTag, null), React.createElement(PickerRootElement, null, children));
 }
 function PickerRootElement(_ref2) {
   var _cx;