When I do undo it add extra one time inner text every time in inline blot

[sagar-devineglobe]

import Quill from "quill"

import { MODAL_TYPE } from "~utils"

const chipHTML = (modalType: string, value: any) => {
switch (modalType) {
case MODAL_TYPE.DATE_TIME_FIELD:
return ' ' + value.format + ""
case MODAL_TYPE.DROPDOWN_FIELD:
return 'default ' + value.placeholder + ""
case MODAL_TYPE.CLIPBOARD:
return '' + value.type.toLowerCase() + ""
case MODAL_TYPE.CURSOR:
return '' + value.type.toLowerCase() + ""
case MODAL_TYPE.PARAGRAPH_FIELD:
case MODAL_TYPE.TEXT_FIELD:
return 'default ' + value.default + ""
default:
return ""
}
}

const Inline = Quill.import("blots/inline") as any
const generateUniqueId = () =>
shortcut-command-user-${Math.random().toString(36).substring(2, 11)}

class ChipBlot extends Inline {
static create(value) {
let node = super.create()
node.setAttribute("contenteditable", "false")
node.dataset.id = generateUniqueId()
node.setAttribute("data-value", JSON.stringify(value))
node.classList.add(ChipBlot.className)
const innerHTML = chipHTML(value.data.type, value.data)
node.innerHTML = innerHTML
return node
}

static formats(node) {
const data = JSON.parse(node.getAttribute("data-value"))
return data
}
static value(domNode) {
return domNode.dataset.id
}
}

ChipBlot.blotName = "chip"
ChipBlot.tagName = "span"
ChipBlot.className = "chip"

export default ChipBlot

version ^2.0.2

next js 14