How to correctly use $toggleLink in a custom Link plugin

[section14]

I'm writing a custom link plugin, but I'm running into an issue with the $toggleLink function from the @lexical/link package. It's throwing the following error

Error: Unable to find an active editor state. State helpers or node methods 
can only be used synchronously during the callback of editor.update() or editorState.read().
    at getActiveEditorState (@lexical_link.js?v=d59e0f89:6233:13)
    at $getSelection (@lexical_link.js?v=d59e0f89:5893:23)
    at $toggleLink (@lexical_link.js?v=d59e0f89:7828:21)
    at LinkPlugin.jsx:44:29
    at processNestedUpdates (chunk-3HCTSWW4.js?v=d59e0f89:7054:7)
    at $beginUpdate (chunk-3HCTSWW4.js?v=d59e0f89:7105:22)
    at updateEditor (chunk-3HCTSWW4.js?v=d59e0f89:7176:5)
    at LexicalEditor.update (chunk-3HCTSWW4.js?v=d59e0f89:8544:5)
    at triggerCommandListeners (chunk-3HCTSWW4.js?v=d59e0f89:6981:12)
    at dispatchCommand (chunk-3HCTSWW4.js?v=d59e0f89:1118:10)

My plugin looks like this:

import { useEffect } from 'react'
import { $getSelection, $isRangeSelection, createCommand, COMMAND_PRIORITY_LOW } from 'lexical'
import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
import { $toggleLink, LinkNode } from '@lexical/link'

export const INSERT_LINK_URL_COMMAND = createCommand('INSERT_LINK_URL_COMMAND')

const LinkPlugin = () => {
    const [editor] = useLexicalComposerContext()

    useEffect(() => {
        if (!editor.hasNodes([LinkNode])) {
            throw new Error('LinkPlugin: LinkNode not registered on editor')
        }

        return editor.registerCommand(
            INSERT_LINK_URL_COMMAND,
            (payload) => {
                const { linkTitle, linkUrl, linkType } = payload

                if (linkUrl && linkUrl !== '') {
                    editor.update(() => {
                        const selection = $getSelection()
                        if ($isRangeSelection(selection)) {
                            const { anchor, focus } = selection

                            //add text for the link
                            selection.insertText(linkTitle)

                            //select inserted text
                            anchor.offset -= linkTitle.length
                            focus.offset = anchor.offset + linkTitle.length

                            //transform selection into a link
                            $toggleLink(linkUrl)
                        }
                    })
                }

                //clean up
                return true
            },
            COMMAND_PRIORITY_LOW
        )
    }, [editor])

    return null
}

export default LinkPlugin

And I've created a test button component to use in my toolbar:

import { INSERT_LINK_URL_COMMAND } from './LinkPlugin.jsx'
import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'

const LinkButton = () => {
    const [editor] = useLexicalComposerContext()

    const testLink = () => {
        const link = { linkTitle: 'reddit', linkUrl: 'https://www.reddit.com', linkType: 'normal' }
        editor.dispatchCommand(INSERT_LINK_URL_COMMAND, link)
    }

    return <button type='button' onClick={testLink} />
}

If I comment out $toggleLink(linkUrl) in LinkPlugin, a new node is inserted into the editor. So, that functionality is working. Also, I tried commenting out the editor.update() portion (as the docs suggested it was called implicitly on commands), but the functionality was identical to it being there. Finally, I tried $toggleLink(null) just to see if I could get anything working, but no dice.

Initially I referenced this discussion to build my functionality with. Which is basically a copy and paste. And, was successful for the folks in that discussion. But, I'm clearly using $toggleLink wrong.

Any ideas? Thanks!

[section14]

Answering my own question here. The issue ended up being a version mismatch between lexical and @lexical/link. lexical was at 0.16.0, and @lexical/link was at 0.16.1. Which caused @lexical/link to create it's own node_modules/lexical folder, and a separate instance of LexicalEditor. Which was the root issue here.

Upgrading everything to 0.16.1 fixed my issues.