react-input-emoji 5.4.1 → 5.5.1

package/dist/index.js

@@ -4907,7 +4907,12 @@ function InputEmoji(props, ref) {
     textInputRef.current.html = replaceAllTextEmojis(nextValue);
     sanitizedTextRef.current = nextValue;
   }, [sanitizedTextRef]);
-  var setValue = React.useCallback(function (value) {
+  var setValue = React.useCallback(
+  /**
+   * 
+   * @param {string} value
+   */
+  function (value) {
     updateHTML(value);
   }, [updateHTML]);
   var emitChange = useEmit(textInputRef, onResize, onChange);
@@ -4921,10 +4926,10 @@ function InputEmoji(props, ref) {
     if (sanitizedTextRef.current !== value) {
       setValue(value);
     }
-  }, [sanitizedTextRef, setValue, value]);
-  React.useEffect(function () {
-    updateHTML();
-  }, [updateHTML]);
+  }, [sanitizedTextRef, setValue, value]); // useEffect(() => {
+  //   updateHTML();
+  // }, [updateHTML]);
+
   React.useEffect(function () {
     /**
      * Handle keydown event
@@ -5005,7 +5010,10 @@ function InputEmoji(props, ref) {
 
   function handleTextInputChange(html) {
     sanitize(html);
-    emitChange(sanitizedTextRef.current);
+
+    if (value !== sanitizedTextRef.current) {
+      emitChange(sanitizedTextRef.current);
+    }
   }
   /**
    *