[object PointerEvent]

[mirajpatel752]

[object PointerEvent] select emoji but not show

[mirajpatel752]

<input
ref={commentBoxInputRef}
type="text"
className="w-full border-[1px] border-[#1E71F2] h-[50px] rounded-[50px] pl-[55px] outline-none focus:ring-offset-0 focus:ring-0 font-sans"
placeholder="Write comments..."
autoComplete="off"
value={commentData || generatedComment}
onChange={(e) => {
setCommentData(e.target.value);
setGeneratedComment("");
}}
onKeyDown={(e) => {
if (e.key === "Enter") {
e.preventDefault();
postComment(specificPostId);
}
}}
style={{
scrollbarWidth: "none",
msOverflowStyle: "none",
WebkitScrollbar: "none",
}}
/>
{showPicker && (
<Picker
pickerStyle={{ width: "100%" }}
onEmojiClick={onEmojiClick}
/>
)}