Почему React Quill matchVisuals не работает?

Question

Я пытаюсь удалить лишние теги <p><br></p>, которые присутствуют как разрывы строк при использовании React Quill. Я попытался реализовать параметр matchVisual, обозначенный здесь здесь , но он все еще, кажется, дает мне те абзацы и теги br в выводе. Вот кодовое перо , показывающее простые изменения в демонстрационной настройке Quill, но оно все еще не работает.

Я объявляю модули для Quill в конструкторе следующим образом:

 constructor (props) {
    super(props)
    this.state = { editorHtml: '', theme: 'snow' }
    this.handleChange = this.handleChange.bind(this)
    this.modules = {
            toolbar: [
                [{ 'header': '1'}, {'header': '2'}],
                [{size: []}],
                ['bold', 'italic', 'underline', 'strike', 'blockquote'],
                [{'list': 'ordered'}, {'list': 'bullet'}, 
                {'indent': '-1'}, {'indent': '+1'}],
                [{ align: '' }, { align: 'center' }, { align: 'right' }, { align: 'justify' }],
                ['link', 'image'],
                ['clean']
            ],
            clipboard: {
              matchVisual: false,
            }
          }

    this.formats = [
      'header', 'size',
      'bold', 'italic', 'underline', 'strike', 'blockquote',
      'list', 'bullet', 'indent',
      'link', 'image', 'align'
    ]
  }

Возможно, я делаю что-то не так, есть идеи?