whole project crashing and getting `duplicate use of selection JSON ID cell` error

[romaad]

A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

1. added the library to my react project
2. render a component with

   
   import Editor from "rich-markdown-editor";

export function AddPost() { return ( <Editor defaultValue="Hello world!" /> ) }

3. the whole project doesn't render, following errors appear in build console:

WARNING in ./node_modules/rich-markdown-editor/dist/types/index.js Module Warning (from ./node_modules/source-map-loader/dist/cjs.js): Failed to parse source map from '/home/ramadan/code/romad-front/node_modules/rich-markdown-editor/src/types/index.ts' file: Error: ENOENT: no such file or directory, open '/home/ramadan/code/romad-front/node_modules/rich-markdown-editor/src/types/index.ts' @ ./node_modules/rich-markdown-editor/dist/nodes/CodeFence.js 99:16-35 @ ./node_modules/rich-markdown-editor/dist/index.js 104:36-64 @ ./src/detailed-post/AddPost.tsx 4:0-42 7:30-36 @ ./src/router/RoutingContainer.tsx 5:0-51 48:36-43 @ ./src/App.tsx 5:0-61 21:39-55 @ ./src/index.tsx 7:0-24 11:33-36

and following in chrome console:

selection.js:181 Uncaught RangeError: Duplicate use of selection JSON ID cell at Function.jsonID (selection.js:181) at Module../node_modules/rich-markdown-editor/node_modules/prosemirror-tables/dist/index.es.js (cellselection.js:210) at Module.options.factory (react refresh:6) at webpack_require__ (bootstrap:24) at fn (hot module replacement:61) at Object../node_modules/rich-markdown-editor/dist/menus/formatting.js (formatting.ts:15) at Object.options.factory (react refresh:6) at webpack_require__ (bootstrap:24) at fn (hot module replacement:61) at Object../node_modules/rich-markdown-editor/dist/components/SelectionToolbar.js (SelectionToolbar.tsx:9)

**Expected behavior**
Project should render, component should have the editor
**Version**
"react": "^17.0.2",
    "react-bootstrap": "^2.1.1",
    "react-dom": "^17.0.2",
    "react-icons": "^4.3.1",
    "react-router": "^6.2.1",
    "react-router-dom": "^6.2.1",
    "react-scripts": "5.0.0",
    "rich-markdown-editor": "^11.21.3",

**Desktop (please complete the following information):**
 - OS: ubuntu
 - Browser: chrome

[galexandrade]

Yeah. I'm also getting this error.

[aspsnd]

Yeah. I'm also getting this error, too.

[robothot]

@galexandrade @aspsnd

if use npm

change packages.json

{
 ....
 "overrides": {
        "prosemirror-tables": "^1.1.1"
    }
}

Important

1. rm -rf node_modules
2. rm -rf package-lock.json
3. npm install

npm 8.3.1 +

or use yarn resolutions, I'm so sorry, it's not my native language

Link

• https://github.com/outline/rich-markdown-editor/issues/512