[Parchment] Cannot insert emoji into block for React.js

[jayrap24]

I have added the emoji in the toolbar but when I select the emoji I get this specific error. Below is my code for react.js. this file is the the component.

` import React, { useState } from 'react'; import ReactQuill, { Quill } from 'react-quill'; import ImageResize from 'quill-image-resize-module-react'; import 'react-quill/dist/quill.snow.css'; import quillEmoji from 'react-quill-emoji'; import 'react-quill-emoji/dist/quill-emoji.css';

const modules = { toolbar: { container: [['bold', 'italic'], ['emoji']] }, 'emoji-toolbar': true, 'emoji-textarea': true, 'emoji-shortname': true };

export default () => { Quill.register('modules/imageResize', ImageResize); Quill.register( { 'formats/emoji': quillEmoji.EmojiBlot, 'modules/emoji-toolbar': quillEmoji.ToolbarEmoji, 'modules/emoji-textarea': quillEmoji.TextAreaEmoji, 'modules/emoji-shortname': quillEmoji.ShortNameEmoji }, true );

const [value, setValue] = useState('');

return ( <ReactQuill modules={modules} theme="snow" value={value} onChange={setValue} /> ); };`

[Humeira]

I am having the same issue with Vue.js Have you been able to find a solution?