Uncaught TypeError: Quill.register not a function

devdcodes9 commented 9 months ago

const { quill, quillRef, Quill } = useQuill({
    modules: {
      table: false,
      "better-table": {
        operationMenu: {
          items: {
            unmergeCells: {
              text: "Another unmerge cells name",
            },
          },
        },
      },
      mention: allowMention && {
        allowedChars: /^[A-Za-z\sÅÄÖåäö]*$/,
        mentionDenotationChars: mentionChars,
        onSelect: onMentionSelect,
        renderItem: renderMentionItem,
        source: onSearchMention,
        showDenotationChar: showDenotationChar,
      },
      toolbar: disableToolbar
        ? false
        : toolbarOptions || {
            container: [
              ["bold", "italic", "underline", "strike", "blockquote"],
              [{ header: 1 }, { header: 2 }],
              [{ list: "ordered" }, { list: "bullet" }],
              [{ script: "sub" }, { script: "super" }],
              [{ indent: "-1" }, { indent: "+1" }],
              [{ color: [] }, { background: [] }],
              [{ font: [] }],
              [{ align: [] }],
              ["link", "image", "video"],
              ["clean"],
              ["emoji"],
              // ['table'],
            ],
          },

      "emoji-toolbar": true,
      "emoji-textarea": false,
      "emoji-shortname": true,
    },
  });

  if (Quill && !quill) {
    Quill.register("modules/better-table", QuillBetterTable);
    Quill.register("modules/emoji", Emoji.default, true);
    Quill.register("formats/emoji", Emoji.default.EmojiBlot, true);
    Quill.register("modules/emoji-toolbar", Emoji.default.ToolbarEmoji, true);
    Quill.register("modules/emoji-textarea", Emoji.default.TextAreaEmoji, true);
    Quill.register(
      "modules/emoji-shortname",
      Emoji.default.ShortNameEmoji,
      true
    );
    const BackgroundStyle = Quill.import("attributors/style/background");
    const ColorStyle = Quill.import("attributors/style/color");
    const FontStyle = Quill.import("attributors/style/font");
    const AlignStyle = Quill.import("attributors/style/align");
    const DirectionStyle = Quill.import("attributors/style/direction");
    Quill.register("modules/mention", mention.Mention);
    Quill.register("blots/mention", mention.MentionBlot);
    Quill.register(BackgroundStyle, true);
    Quill.register(ColorStyle, true);
    Quill.register(FontStyle, true);
    Quill.register(AlignStyle, true);
    Quill.register(DirectionStyle, true);
  }

devdcodes9 commented 9 months ago

@gtgalone Please check