Need help with @ mention schema and collab editing

[jaisondavis]

Hello,

Thank you for tiptap! it is awesome!

I needed some help implementing mentions into real-time collab server

I am sending these steps to my socket server to be applied to the stored doc

steps.forEach((step) => {
    const result = Step.fromJSON(schema, step).apply(doc)
    doc = result.doc
})

with this schema:

mention: {
    attrs: {
      id: {},
      label: {},
    },
    group: 'inline',
    inline: true,
    selectable: false,
    atom: true,
}

These are the step I get for @ mention Philip Isik, it sends:
step 1: @philip Isik
step 2: " "

But after step 1, the loop fails and throws a RangeError: Position 15 out of range

[ 
'{"stepType":"replace","from":1,"to":2,"slice":{"content":[{"type":"mention","attrs":{"id":4,"label":"Philip Isik"},"content":[{"type":"text","text":"@Philip Isik"}]}]}}',

'{"stepType":"replace","from":15,"to":15,"slice":{"content":[{"type":"text","text":" "}]}}' 
]

So I checked the content length (inside Prosemirror model > ResolvedPos.resolve), after step 1, it said it was of length 3

Does anyone know why this is happening? been at it for 2 days now. Any help is greatly appreciated!