tiptap-solid icon indicating copy to clipboard operation
tiptap-solid copied to clipboard

Uncaught (in promise) RangeError: Adding different instances of a keyed plugin (plugin$)

Open mirus-ua opened this issue 3 years ago • 0 comments

I checked this combination of packages without the tiptap-solid library and it's worked, so I guess the problem in the package. I can provide additional information if needed

Can be reproduced with the example code

import { Component } from "solid-js";
import StarterKit from "@tiptap/starter-kit";
import { createEditor, EditorContent } from "tiptap-solid";

const App: Component = () => {
  const editor = createEditor({
    extensions: [StarterKit],
    content: `Hello world!`,
  });
  return <EditorContent editor={editor()} />;
};

The package.json dependencies

"@tiptap/core": "^2.0.0-beta.125",
"@tiptap/extension-bubble-menu": "^2.0.0-beta.42",
"@tiptap/extension-floating-menu": "^2.0.0-beta.36",
"@tiptap/starter-kit": "^2.0.0-beta.183",
"solid-js": "^1.3.13",
"tiptap-solid": "^0.1.2"

The full text of the error

Uncaught (in promise) RangeError: Adding different instances of a keyed plugin (plugin$)
    at state.js:50:15
    at Array.forEach (<anonymous>)
    at new Configuration (state.js:48:26)
    at EditorState.reconfigure (state.js:204:19)
    at Editor.createView (Editor.ts:278:33)
    at new Editor (Editor.ts:86:10)
    at createEditor.js:8:26
    at untrack (dev.js:435:12)
    at Object.fn (dev.js:460:22)
    at runComputation (dev.js:705:22)

mirus-ua avatar Apr 19 '22 06:04 mirus-ua