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';
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} /> ); };`