How I can use lift inside the onUpdate method of custom node?

[adrian-bobev]

I am trying to create a node which will be inserted with button click from a menu. I managed to do that.

However, the next thing is that I need to remove the mark tag when something is typed inside it. I have the following code but for some reason the lift method does not work.

import { Node } from "@tiptap/core";

declare module '@tiptap/core' {
  interface Commands<ReturnType> {
    MyCustomNode: {
      insertMyCustomNode: (attributes: { text: string }) => ReturnType,
    }
  }
}

const MyCustomNode = Node.create({
  name: "MyCustomNode",
  content: "text*",
  priority: 1000,
  group: "inline",
  inline: true,

  renderHTML({ HTMLAttributes }) {
    return ["mark", HTMLAttributes, 0]
  },

  parseHTML() {
    return [{ tag: "mark" }]
  },

  addCommands() {
    return {
      insertMyCustomNode: attributes => ({ commands }) => {
        return commands.insertContent({
            type: this.name,
            content: [{ type: "text", text: attributes.text }]
        });
      }
    }
  },

  onUpdate: ({ editor }) => {
    editor.commands.lift("MyCustomNode");
  }
});

export default MyCustomNode;

PS: Any other suggestions how I can improve this are also welcome because I am not sure if the insertContent is the best approach here as well.