<div
    ref={editor_ref}
    onCompositionStart={() => {
        const editor_dom = editor_ref.current.querySelector('.ql-editor')
        editor_dom.classList.remove('ql-blank')
    }}
    onCompositionEnd={() => {
        const delta = quill_ref.current.getContents()
        const is_blank = delta.ops.length === 1 && delta.ops[0].insert === '\n'
        const editor_dom = editor_ref.current.querySelector('.ql-editor')
        is_blank && editor_dom.classList.add('ql-blank')
    }}
    data-author="Mr.B"
></div>