react-input-emoji
react-input-emoji copied to clipboard
Bug: The default value containing any emojis cannot be set.
When I trying to set as a default value just a text, without emojis, it works fine. But when I add any emojis to the default value - every emoji in the input is not visible at all, to be more precise, it looks like an empty space, an image without styles.
/*
* Try to use the "text with emojisππ" string as a default value:
* here we get the following **visible** content: "text with emojis ",
* and the emojis "ππ" will have no styles.
* */
const MyComponent = () => {
const [message, setMessage] = useState<string>("");
useEffect(() => {
// set the default value
setMessage("text with emojisππ");
}, []);
return <InputEmoji value={message} onChange={setMessage} />;
};
I've the same problem, Could've you fixed that?