Draft-js-plugins: [Mention Plugin] Uncaught TypeError in readonly mode with empty mention and mentionDecorator

[oleksandraab]

Environment

• @draft-js-plugins/[email protected]
• @draft-js-plugins/[email protected]

Description

Bug:
Trigger mention popup.
Either leave it empty or type a non-existing username. (eg. "some text @ more text" or "some text @randomname1234")
Safe text
Render text with readonly=true and mentionDecorator with mention styles

<Editor
                onChange={onChange}
                editorState={editorState}
                readOnly={true}
                decorators={mentionDecorator}
            />

Got Uncaught TypeError: props.store.getEditorState is not a function

Expected behavior:
Mentions that can't be rendered display as plain text
Mentions that can be rendered display with styles from mentionDecorator

Reproducible Demo

[fxOne]

Can you provide a full reproducible demo as the code from the storybook works for me? What kind of mentionDecorator are you using?

[oleksandraab]

@fxOne thanks for a quick response.
after trying to reproduce it, I found out that if I add _plugins={[mentionPlugin]}_
making it:
<Editor onChange={handleTextChange} editorState={editorState} readOnly={true} plugins={[mentionPlugin]} decorators={mentionDecorator} />
instead of:
<Editor onChange={onChange} editorState={editorState} readOnly={true} decorators={mentionDecorator} />
it fixes my issue

[fxOne]

@oleksandraab I guess we can close this issue?