jest-prosemirror: RangeError: Adding different instances of a keyed plugin (plugin$) caused by adding an inputRules plugin

[marekdedic]

Summary

Hi, I am getting the error RangeError: Adding different instances of a keyed plugin (plugin$) when trying to use jest-prosemirror. I am aware of #1811 and I think this is a different issue.

Steps to reproduce

import { inputRules } from "prosemirror-inputrules";

createEditor(proseMirrorRoot, {
  plugins: [inputRules({ rules: [...] })],
})

Expected results

No error

Actual results

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

Possible Solution

The bug is caused because there are 2 plugins with the same key plugin$. One is the one passed by me, the second one is constructed here:

remirror/packages/jest-prosemirror/src/jest-prosemirror-editor.ts

Line 115 in dd4d6ff

const state = createState(taggedDocument, [...plugins, inputRules({ rules })]);

Because inputRules() always produces the same key for the plugin, the 2 instances clash with each other.

I think the proper solution would be to remove the rules option from createEditor() altoghether and let the user create inputRules() themselves. In my case, I am actually getting the input rules plugin from another package, so I can't just pass the rules to jest-prosemirror directly easily...