Slate version conflict in platejs/core

[mydearxym]

Description

hi there

follow the official install guide, i set up a basic editor demo page, but i found there are some deps conflict with slate:

➜ git:(main) ✗ npm ls slate slate-react slate-dom

`-- platejs@49.2.12
  +-- @platejs/core@49.2.12
  | +-- slate-hyperscript@0.100.0
  | | `-- slate@0.118.1
  | `-- slate-react@0.117.1
  |   +-- slate-dom@0.118.1
  |   | `-- slate@0.118.1 deduped
  |   `-- slate@0.118.1 deduped
  `-- @platejs/slate@49.2.4
    +-- slate-dom@0.116.0 # ← Conflict!
    | `-- slate@0.117.0 deduped # ← Conflict!
    `-- slate@0.117.0

those may cause the error when toggle the toolbar plugins:

Screen.Recording.2025-09-02.at.12.38.51.mov

Reproduction URL

https://github.com/groupher/groupher-editor

Reproduction steps

1. groupher-editor dir && npm install && npm run dev
2. Click on `Bold` or `Underline` on Toolbar
3. Open brower's dev console
4. See error

Plate version

"platejs": "^49.2.12"

Slate React version

0.118.1

Logs

full package.json

{
  "name": "groupher-editor",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc -b && vite build",
    "lint": "eslint .",
    "preview": "vite preview"
  },
  "dependencies": {
    "@platejs/basic-nodes": "^49.0.0",
    "@radix-ui/react-dropdown-menu": "^2.1.16",
    "@radix-ui/react-separator": "^1.1.7",
    "@radix-ui/react-slot": "^1.2.3",
    "@radix-ui/react-toolbar": "^1.1.11",
    "@radix-ui/react-tooltip": "^1.2.8",
    "@tailwindcss/vite": "^4.1.12",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "lucide-react": "^0.542.0",
    "platejs": "^49.2.12",
    "react": "^19.1.1",
    "react-dom": "^19.1.1",
    "tailwind-merge": "^3.3.1",
    "tailwind-scrollbar-hide": "^4.0.0",
    "tailwindcss": "^4.1.12"
  },
  "devDependencies": {
    "@eslint/js": "^9.33.0",
    "@types/node": "^24.3.0",
    "@types/react": "^19.1.10",
    "@types/react-dom": "^19.1.7",
    "@vitejs/plugin-react": "^5.0.0",
    "eslint": "^9.33.0",
    "eslint-plugin-react-hooks": "^5.2.0",
    "eslint-plugin-react-refresh": "^0.4.20",
    "globals": "^16.3.0",
    "tw-animate-css": "^1.3.7",
    "typescript": "~5.8.3",
    "typescript-eslint": "^8.39.1",
    "vite": "^7.1.2"
  },
  "packageManager": "yarn@4.9.4"
}

error log

Error: Cannot resolve a DOM node from Slate node: {"children":[{"type":"p","children":[{"text":"Hello! Try out the "},{"text":"bold","bold":true},{"text":", "},{"text":"italic","italic":true},{"text":", and "},{"text":"underline","underline":true},{"text":" "},{"text":"formatting","underline":true},{"text":"."}],"id":"I_7OwkYBND"}],"operations":[],"selection":{"anchor":{"path":[0,7],"offset":0},"focus":{"path":[0,7],"offset":10}},"marks":null,"history":{"redos":[],"undos":[{"operations":[{"type":"split_node","path":[0,6],"position":11,"properties":{}},{"type":"split_node","path":[0,6],"position":1,"properties":{}},{"type":"set_node","path":[0,7],"properties":{},"newProperties":{}},{"type":"split_node","path":[0,8],"position":0,"properties":{}},{"type":"set_node","path":[0,7],"properties":{},"newProperties":{"underline":true}},{"type":"set_node","path":[0,8],"properties":{},"newProperties":{"underline":true}},{"path":[0,8],"position":10,"properties":{"underline":true},"type":"merge_node"}],"selectionBefore":{"anchor":{"path":[0,6],"offset":1},"focus":{"path":[0,6],"offset":11}}}]},"meta":{"isNormalizing":false,"key":"DP7gIcm1xv-HFe74SRsEj","isFallback":false,"pluginList":[{"key":"root","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"root"},"options":{},"override":{"components":{}},"parser":{},"parsers":{},"plugins":[{"key":"debug","__apiExtensions":[{"isPluginSpecific":false}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"debug"},"options":{"isProduction":false,"logger":{},"logLevel":"log","throwErrors":true},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"slateExtension","__apiExtensions":[{"isPluginSpecific":false,"isTransform":true},{"isPluginSpecific":false},{"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"slateExtension"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"dom","__apiExtensions":[{"isPluginSpecific":false},{"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"dom"},"options":{"scrollMode":"last","scrollOperations":{"insert_node":true,"insert_text":true},"scrollOptions":{"scrollMode":"if-needed"}},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"history","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"history"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"override","__apiExtensions":[{"isOverride":true,"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"override"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"parser","__apiExtensions":[{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"parser"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"length","__apiExtensions":[{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"length"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"html","__apiExtensions":[{"isPluginSpecific":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"html"},"options":{},"override":{},"parser":{"format":"text/html"},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"ast","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"ast"},"options":{},"override":{},"parser":{"format":"application/x-slate-fragment"},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"nodeId","__apiExtensions":[{"isPluginSpecific":true,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"nodeId"},"options":{"filterInline":true,"filterText":true,"idKey":"id","normalizeInitialValue":false},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"affinity","__apiExtensions":[{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"affinity"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"p","__apiExtensions":[],"__configuration":null,"__extensions":[null],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"p","isElement":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":"P"}]}}},"plugins":[],"priority":100,"render":{},"rules":{"merge":{"removeEmpty":true}},"shortcuts":{},"transforms":{}},{"key":"chunking","__apiExtensions":[{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"chunking"},"options":{"chunkSize":1000,"contentVisibilityAuto":true},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"eventEditor","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"eventEditor"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"bold","__apiExtensions":[{"isPluginSpecific":true,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"bold","isLeaf":true,"isDecoration":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":["STRONG","B"]},{"validStyle":{"fontWeight":["600","700","bold"]}}]}}},"plugins":[],"priority":100,"render":{"as":"strong"},"rules":{},"shortcuts":{"toggle":{"keys":[["Mod","b"]]}},"transforms":{}},{"key":"italic","__apiExtensions":[{"isPluginSpecific":true,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"italic","isLeaf":true,"isDecoration":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":["EM","I"]},{"validStyle":{"fontStyle":"italic"}}]}}},"plugins":[],"priority":100,"render":{"as":"em"},"rules":{},"shortcuts":{"toggle":{"keys":[["Mod","i"]]}},"transforms":{}},{"key":"underline","__apiExtensions":[{"isPluginSpecific":true,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"underline","isLeaf":true,"isDecoration":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":["U"]},{"validStyle":{"textDecoration":["underline"]}}]}}},"plugins":[],"priority":100,"render":{"as":"u"},"rules":{},"shortcuts":{"toggle":{"keys":[["Mod","u"]]}},"transforms":{}}],"priority":10000,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"root","actions":{},"selectors":{}}},{"key":"debug","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{"debug":{}},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"debug"},"options":{"isProduction":false,"logger":{},"logLevel":"log","throwErrors":true},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"debug","actions":{},"selectors":{}}},{"key":"slateExtension","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"slateExtension"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"slateExtension","actions":{},"selectors":{}}},{"key":"dom","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"dom"},"options":{"scrollMode":"last","scrollOperations":{"insert_node":true,"insert_text":true},"scrollOptions":{"scrollMode":"if-needed"}},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"dom","actions":{},"selectors":{}}},{"key":"history","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"history"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"history","actions":{},"selectors":{}}},{"key":"override","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{"create":{}},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"override"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"override","actions":{},"selectors":{}}},{"key":"parser","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"parser"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"parser","actions":{},"selectors":{}}},{"key":"length","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"length"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"length","actions":{},"selectors":{}}},{"key":"html","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{"html":{}},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"html"},"options":{},"override":{},"parser":{"format":"text/html"},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"html","actions":{},"selectors":{}}},{"key":"ast","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"ast"},"options":{},"override":{},"parser":{"format":"application/x-slate-fragment"},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"ast","actions":{},"selectors":{}}},{"key":"nodeId","__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"nodeId"},"options":{"filterInline":true,"filterText":true,"idKey":"id","normalizeInitialValue":false},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{"nodeId":{}},"__resolved":true,"enabled":true,"optionsStore":{"name":"nodeId","actions":{},"selectors":{}}},{"key":"affinity","__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"affinity"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"enabled":true,"optionsStore":{"name":"affinity","actions":{},"selectors":{}}},{"key":"p","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"p","isElement":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":"P"}]}}},"plugins":[],"priority":100,"render":{},"rules":{"merge":{"removeEmpty":true}},"shortcuts":{"toggleParagraph":{"keys":[["Mod","Alt","0"],["Mod","Shift","0"]],"preventDefault":true}},"transforms":{},"__resolved":true,"optionsStore":{"name":"p","actions":{},"selectors":{}}},{"key":"chunking","__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"chunking"},"options":{"chunkSize":1000,"contentVisibilityAuto":true},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"enabled":true,"optionsStore":{"name":"chunking","actions":{},"selectors":{}}},{"key":"eventEditor","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"eventEditor"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"eventEditor","actions":{},"selectors":{}}},{"key":"bold","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"bold","isLeaf":true,"isDecoration":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":["STRONG","B"]},{"validStyle":{"fontWeight":["600","700","bold"]}}]}}},"plugins":[],"priority":100,"render":{"as":"strong"},"rules":{},"shortcuts":{"toggle":{"keys":[["Mod","b"]]}},"transforms":{"bold":{}},"__resolved":true,"optionsStore":{"name":"bold","actions":{},"selectors":{}}},{"key":"italic","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"italic","isLeaf":true,"isDecoration":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":["EM","I"]},{"validStyle":{"fontStyle":"italic"}}]}}},"plugins":[],"priority":100,"render":{"as":"em"},"rules":{},"shortcuts":{"toggle":{"keys":[["Mod","i"]]}},"transforms":{"italic":{}},"__resolved":true,"optionsStore":{"name":"italic","actions":{},"selectors":{}}},{"key":"underline","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"underline","isLeaf":true,"isDecoration":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":["U"]},{"validStyle":{"textDecoration":["underline"]}}]}}},"plugins":[],"priority":100,"render":{"as":"u"},"rules":{},"shortcuts":{"toggle":{"keys":[["Mod","u"]]}},"transforms":{"underline":{}},"__resolved":true,"optionsStore":{"name":"underline","actions":{},"selectors":{}}}],"shortcuts":{"p.toggleParagraph":{"keys":[["Mod","Alt","0"],["Mod","Shift","0"]],"preventDefault":true,"priority":100},"bold.toggle":{"keys":[["Mod","b"]],"priority":100},"italic.toggle":{"keys":[["Mod","i"]],"priority":100},"underline.toggle":{"keys":[["Mod","u"]],"priority":100}},"components":{},"pluginCache":{"decorate":[],"handlers":{"onChange":[],"onNodeChange":[],"onTextChange":[]},"inject":{"nodeProps":[]},"node":{"isContainer":[],"isLeaf":["bold","italic","underline"],"isText":[],"leafProps":[],"textProps":[],"types":{"root":"root","debug":"debug","slateExtension":"slateExtension","dom":"dom","history":"history","override":"override","parser":"parser","length":"length","html":"html","ast":"ast","nodeId":"nodeId","affinity":"affinity","p":"p","chunking":"chunking","eventEditor":"eventEditor","bold":"bold","italic":"italic","underline":"underline"}},"normalizeInitialValue":["nodeId"],"render":{"aboveEditable":[],"aboveNodes":[],"aboveSlate":[],"afterContainer":[],"afterEditable":[],"beforeContainer":[],"beforeEditable":[],"belowNodes":[],"belowRootNodes":[]},"rules":{"match":[]},"useHooks":[]},"uid":"e-«r0»"},"api":{"create":{},"operations":[{"type":"set_node","path":[0],"properties":{},"newProperties":{"id":"I_7OwkYBND"}}],"debug":{},"html":{}},"tf":{"nodeId":{},"bold":{},"italic":{},"underline":{}},"transforms":{"nodeId":{},"bold":{},"italic":{},"underline":{}},"id":"1EZm4Ckjk4PskCXxdle5a","dom":{"composing":false,"currentKeyboardEvent":null,"focused":false,"prevSelection":{"focus":{"path":[0,9],"offset":0}},"readOnly":false},"plugins":{"root":{"key":"root","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"root"},"options":{},"override":{"components":{}},"parser":{},"parsers":{},"plugins":[{"key":"debug","__apiExtensions":[{"isPluginSpecific":false}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"debug"},"options":{"isProduction":false,"logger":{},"logLevel":"log","throwErrors":true},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"slateExtension","__apiExtensions":[{"isPluginSpecific":false,"isTransform":true},{"isPluginSpecific":false},{"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"slateExtension"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"dom","__apiExtensions":[{"isPluginSpecific":false},{"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"dom"},"options":{"scrollMode":"last","scrollOperations":{"insert_node":true,"insert_text":true},"scrollOptions":{"scrollMode":"if-needed"}},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"history","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"history"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"override","__apiExtensions":[{"isOverride":true,"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"override"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"parser","__apiExtensions":[{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"parser"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"length","__apiExtensions":[{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"length"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"html","__apiExtensions":[{"isPluginSpecific":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"html"},"options":{},"override":{},"parser":{"format":"text/html"},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"ast","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"ast"},"options":{},"override":{},"parser":{"format":"application/x-slate-fragment"},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"nodeId","__apiExtensions":[{"isPluginSpecific":true,"isTransform":true},{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"nodeId"},"options":{"filterInline":true,"filterText":true,"idKey":"id","normalizeInitialValue":false},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"affinity","__apiExtensions":[{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"affinity"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"p","__apiExtensions":[],"__configuration":null,"__extensions":[null],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"p","isElement":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":"P"}]}}},"plugins":[],"priority":100,"render":{},"rules":{"merge":{"removeEmpty":true}},"shortcuts":{},"transforms":{}},{"key":"chunking","__apiExtensions":[{"isOverride":true,"isPluginSpecific":false,"isTransform":true}],"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"chunking"},"options":{"chunkSize":1000,"contentVisibilityAuto":true},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"eventEditor","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"eventEditor"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{}},{"key":"bold","__apiExtensions":[{"isPluginSpecific":true,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"bold","isLeaf":true,"isDecoration":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":["STRONG","B"]},{"validStyle":{"fontWeight":["600","700","bold"]}}]}}},"plugins":[],"priority":100,"render":{"as":"strong"},"rules":{},"shortcuts":{"toggle":{"keys":[["Mod","b"]]}},"transforms":{}},{"key":"italic","__apiExtensions":[{"isPluginSpecific":true,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"italic","isLeaf":true,"isDecoration":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":["EM","I"]},{"validStyle":{"fontStyle":"italic"}}]}}},"plugins":[],"priority":100,"render":{"as":"em"},"rules":{},"shortcuts":{"toggle":{"keys":[["Mod","i"]]}},"transforms":{}},{"key":"underline","__apiExtensions":[{"isPluginSpecific":true,"isTransform":true}],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"underline","isLeaf":true,"isDecoration":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":["U"]},{"validStyle":{"textDecoration":["underline"]}}]}}},"plugins":[],"priority":100,"render":{"as":"u"},"rules":{},"shortcuts":{"toggle":{"keys":[["Mod","u"]]}},"transforms":{}}],"priority":10000,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"root","actions":{},"selectors":{}}},"debug":{"key":"debug","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{"debug":{}},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"debug"},"options":{"isProduction":false,"logger":{},"logLevel":"log","throwErrors":true},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"debug","actions":{},"selectors":{}}},"slateExtension":{"key":"slateExtension","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"slateExtension"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"slateExtension","actions":{},"selectors":{}}},"dom":{"key":"dom","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"dom"},"options":{"scrollMode":"last","scrollOperations":{"insert_node":true,"insert_text":true},"scrollOptions":{"scrollMode":"if-needed"}},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"dom","actions":{},"selectors":{}}},"history":{"key":"history","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"history"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"history","actions":{},"selectors":{}}},"override":{"key":"override","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{"create":{}},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"override"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"override","actions":{},"selectors":{}}},"parser":{"key":"parser","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"parser"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"parser","actions":{},"selectors":{}}},"length":{"key":"length","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"length"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"length","actions":{},"selectors":{}}},"html":{"key":"html","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{"html":{}},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"html"},"options":{},"override":{},"parser":{"format":"text/html"},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"html","actions":{},"selectors":{}}},"ast":{"key":"ast","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"ast"},"options":{},"override":{},"parser":{"format":"application/x-slate-fragment"},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"ast","actions":{},"selectors":{}}},"nodeId":{"key":"nodeId","__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"nodeId"},"options":{"filterInline":true,"filterText":true,"idKey":"id","normalizeInitialValue":false},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{"nodeId":{}},"__resolved":true,"enabled":true,"optionsStore":{"name":"nodeId","actions":{},"selectors":{}}},"affinity":{"key":"affinity","__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"affinity"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"enabled":true,"optionsStore":{"name":"affinity","actions":{},"selectors":{}}},"p":{"key":"p","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"p","isElement":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":"P"}]}}},"plugins":[],"priority":100,"render":{},"rules":{"merge":{"removeEmpty":true}},"shortcuts":{"toggleParagraph":{"keys":[["Mod","Alt","0"],["Mod","Shift","0"]],"preventDefault":true}},"transforms":{},"__resolved":true,"optionsStore":{"name":"p","actions":{},"selectors":{}}},"chunking":{"key":"chunking","__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"chunking"},"options":{"chunkSize":1000,"contentVisibilityAuto":true},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"enabled":true,"optionsStore":{"name":"chunking","actions":{},"selectors":{}}},"eventEditor":{"key":"eventEditor","__apiExtensions":[],"__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"eventEditor"},"options":{},"override":{},"parser":{},"parsers":{},"plugins":[],"priority":100,"render":{},"rules":{},"shortcuts":{},"transforms":{},"__resolved":true,"optionsStore":{"name":"eventEditor","actions":{},"selectors":{}}},"bold":{"key":"bold","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"bold","isLeaf":true,"isDecoration":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":["STRONG","B"]},{"validStyle":{"fontWeight":["600","700","bold"]}}]}}},"plugins":[],"priority":100,"render":{"as":"strong"},"rules":{},"shortcuts":{"toggle":{"keys":[["Mod","b"]]}},"transforms":{"bold":{}},"__resolved":true,"optionsStore":{"name":"bold","actions":{},"selectors":{}}},"italic":{"key":"italic","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"italic","isLeaf":true,"isDecoration":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":["EM","I"]},{"validStyle":{"fontStyle":"italic"}}]}}},"plugins":[],"priority":100,"render":{"as":"em"},"rules":{},"shortcuts":{"toggle":{"keys":[["Mod","i"]]}},"transforms":{"italic":{}},"__resolved":true,"optionsStore":{"name":"italic","actions":{},"selectors":{}}},"underline":{"key":"underline","__configuration":null,"__extensions":[],"__selectorExtensions":[],"api":{},"dependencies":[],"editor":{},"handlers":{},"inject":{},"node":{"type":"underline","isLeaf":true,"isDecoration":true},"options":{},"override":{},"parser":{},"parsers":{"html":{"deserializer":{"rules":[{"validNodeName":["U"]},{"validStyle":{"textDecoration":["underline"]}}]}}},"plugins":[],"priority":100,"render":{"as":"u"},"rules":{},"shortcuts":{"toggle":{"keys":[["Mod","u"]]}},"transforms":{"underline":{}},"__resolved":true,"optionsStore":{"name":"underline","actions":{},"selectors":{}}}},"store":{"options":{"warnIfNoStore":false},"store":{}},"value":[{"type":"p","children":[{"text":"Hello! Try out the "},{"text":"bold","bold":true},{"text":", "},{"text":"italic","italic":true},{"text":", and "},{"text":"underline","underline":true},{"text":" formatting."}],"id":"I_7OwkYBND"}]}

Browsers

Chrome

[dosubot]

Hi @mydearxym! I'm Dosu and I’m helping the plate team.

This is a known issue: mismatched Slate versions in your dependency tree can cause runtime errors in Plate, especially when toggling toolbar plugins. The most common error is Cannot resolve a DOM node from Slate node source.

To fix this, follow these steps:

1. Remove any direct slate* dependencies from your package.json—Plate manages these internally.
2. Use the depset tool to align all your Plate and Slate dependencies to compatible versions.
3. Add overrides or resolutions to your package.json to force consistent Slate versions across all dependencies. For your setup, use:

"overrides": {
  "slate": "0.118.0",
  "slate-dom": "0.117.4",
  "slate-react": "0.117.1"
}

or for Yarn:

"resolutions": {
  "slate": "0.118.0",
  "slate-dom": "0.117.4",
  "slate-react": "0.117.1"
}

Make sure all Plate packages are on compatible versions together. This should resolve the toolbar plugin errors and prevent further runtime issues source.

If you still see errors, please share the exact error message from your browser console for more targeted help.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[zbeyens]

Could you try again with latest version, without overrides?