javascript - Quill - Quill JS エディターのコンテンツにメンション値を挿入しない (React Quill を使用)

Question

React Quillを使用してQuill JSにQuill-Mentionを実装していますが、リストからアイテムをクリックしたときにエディターのコンテンツを更新できません。

正しいシンボルをクリックすると、リストを適切にレンダリングでき、それに応じてデータが表示されます。しかし、クリックすると消えてしまい、アイテムの値がエディターのコンテンツに追加されません。

これが私がそれをテストしている方法です：

const suggestPeople = searchTerm => {
  const allPeople = [
    {

      id: 1,
      value: "Fredrik Sundqvist"
    },
    {
      id: 2,
      value: "Patrik Sjölin"
    }
  ];
  return allPeople.filter(person => person.value.includes(searchTerm));
};

  /* Mention module config
  ====================== */

  const mentionModule = {
    allowedChars: /^[A-Za-z\sÅÄÖåäö]*$/,
    mentionDenotationChars: ["·"],
    source: async function(searchTerm, renderList) {
      const matchedPeople = await suggestPeople(searchTerm);
      renderList(matchedPeople);
    }
  };

  Quill.register("modules/mentions", QuillMention);

 const modules = {
    syntax: true,
    clipboard: {
      matchVisual: false
    },
    toolbar: {
      container: "#toolbar",
    },
    mention: mentionModule
  };

Quill Mention ドロップダウン リストが機能していることを示すスクリーンショット

ありがとうございました！