Exception when adding multiple editors inside react component using react hook and configured menu

[refundr]

Is there a work around for this issue....other plugins seem to play nice. The official menu plugin does not seem to work ?

export const MilkdownEditor = ({ taskId, taskField, value }: MilkdownEditorProps) => {
    let markdown = ''
    const { editor, loading, getInstance } = useEditor((root, renderReact) => {
        return Editor.make()
            .config((ctx) => {
                ctx.set(rootCtx, root)
                ctx.set(defaultValueCtx, isEmpty(value) ? 'markdown editor' : value)
                ctx.get(listenerCtx).markdownUpdated((_, value) => {
                    markdown = value
                })
                ctx.get(listenerCtx).blur((ctx) => {
                    patchTaskField(taskId, taskField.processRecordMetadata.id, {
                        [toFieldKey(taskField.field)]: markdown,
                    })
                })
            })
            .use(nord)
            .use(commonmark)
            .use(tooltip)
            .use(listener)
            .use(configuredMenu)
    })

    return <ReactEditor key={taskField.processRecordMetadata.id} editor={editor} />
}

[Saul-Mirone]

This is a bug caused by #626 and I'm fixing it.