emoji-picker-react 4.5.8 → 4.5.9

package/dist/components/context/PickerConfigContext.d.ts

@@ -4,5 +4,6 @@ declare type Props = PickerConfig & Readonly<{
     children: React.ReactNode;
 }>;
 export declare function PickerConfigProvider({ children, ...config }: Props): JSX.Element;
+export declare function useSetConfig(config: PickerConfig): PickerConfigInternal;
 export declare function usePickerConfig(): PickerConfigInternal;
 export {};

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

@@ -16946,14 +16946,30 @@ function PickerConfigProvider(_ref) {
   var children = _ref.children,
       config = _objectWithoutPropertiesLoose(_ref, _excluded);
 
+  var mergedConfig = useSetConfig(config);
+  return React.createElement(ConfigContext.Provider, {
+    value: mergedConfig
+  }, children);
+}
+function useSetConfig(config) {
+  var _config$customEmojis2;
+
   var _React$useState = React.useState(function () {
     return mergeConfig(config);
   }),
-      mergedConfig = _React$useState[0];
+      mergedConfig = _React$useState[0],
+      setMergedConfig = _React$useState[1];
 
-  return React.createElement(ConfigContext.Provider, {
-    value: mergedConfig
-  }, children);
+  React.useEffect(function () {
+    var _config$customEmojis, _mergedConfig$customE;
+
+    if (((_config$customEmojis = config.customEmojis) == null ? void 0 : _config$customEmojis.length) !== ((_mergedConfig$customE = mergedConfig.customEmojis) == null ? void 0 : _mergedConfig$customE.length)) {
+      setMergedConfig(mergeConfig(config));
+    } // not gonna...
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [(_config$customEmojis2 = config.customEmojis) == null ? void 0 : _config$customEmojis2.length]);
+  return mergedConfig;
 }
 function usePickerConfig() {
   return React.useContext(ConfigContext);
@@ -19815,7 +19831,11 @@ function EmojiPicker(props) {
 
 
 var EmojiPickerReact = /*#__PURE__*/React.memo(EmojiPicker, function (prev, next) {
-  return prev.emojiVersion === next.emojiVersion && prev.searchPlaceHolder === next.searchPlaceHolder && prev.searchPlaceholder === next.searchPlaceholder && prev.defaultSkinTone === next.defaultSkinTone && prev.skinTonesDisabled === next.skinTonesDisabled && prev.autoFocusSearch === next.autoFocusSearch && prev.emojiStyle === next.emojiStyle && prev.theme === next.theme && prev.suggestedEmojisMode === next.suggestedEmojisMode && prev.lazyLoadEmojis === next.lazyLoadEmojis && prev.height === next.height && prev.width === next.width && prev.searchDisabled === next.searchDisabled && prev.skinTonePickerLocation === next.skinTonePickerLocation;
+  var _prev$customEmojis, _next$customEmojis;
+
+  var prevCustomEmojis = (_prev$customEmojis = prev.customEmojis) != null ? _prev$customEmojis : [];
+  var nextCustomEmojis = (_next$customEmojis = next.customEmojis) != null ? _next$customEmojis : [];
+  return prev.emojiVersion === next.emojiVersion && prev.searchPlaceHolder === next.searchPlaceHolder && prev.searchPlaceholder === next.searchPlaceholder && prev.defaultSkinTone === next.defaultSkinTone && prev.skinTonesDisabled === next.skinTonesDisabled && prev.autoFocusSearch === next.autoFocusSearch && prev.emojiStyle === next.emojiStyle && prev.theme === next.theme && prev.suggestedEmojisMode === next.suggestedEmojisMode && prev.lazyLoadEmojis === next.lazyLoadEmojis && prev.height === next.height && prev.width === next.width && prev.searchDisabled === next.searchDisabled && prev.skinTonePickerLocation === next.skinTonePickerLocation && prevCustomEmojis.length === nextCustomEmojis.length;
 });
 
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {