Side toolbar error: Uncaught TypeError: _this.props.store.getItem(...) is not a function

Toolbar isn’t loading. And I get this error every keypress.

Error: Uncaught TypeError: _this.props.store.getItem(...) is not a function

Location: https://github.com/draft-js-plugins/draft-js-plugins/blob/master/draft-js-side-toolbar-plugin/src/components/Toolbar/index.js#L40

This is my source code:

import React, { Component } from 'react';
import Editor, { createEditorStateWithText } from 'draft-js-plugins-editor'; // eslint-disable-line import/no-unresolved
import createSideToolbarPlugin from 'draft-js-side-toolbar-plugin'; // eslint-disable-line import/no-unresolved
import 'draft-js-inline-toolbar-plugin/lib/plugin.css';
import 'draft-js-side-toolbar-plugin/lib/plugin.css';


// Sidebar toolbar
const sideToolbarPlugin = createSideToolbarPlugin();
const { SideToolbar } = sideToolbarPlugin;

// Plugins
const plugins = [
  sideToolbarPlugin,
];
const text = 'In this editor a toolbar shows up once you select part of the text …';

export default class CardEditor extends Component {

  state = {
    editorState: createEditorStateWithText(text),
  };

  onChange = (editorState) => {
    this.setState({
      editorState,
    });
  };

  focus = () => {
    this.editor.focus();
  };

  render() {
    return (
      <div onClick={this.focus}>
        <Editor
          editorState={this.state.editorState}
          onChange={this.onChange}
          plugins={plugins}
          ref={(element) => { this.editor = element; }}
        />
        <SideToolbar />
      </div>
    );
  }
}

[lineldcosta]

Even i am facing the same issue!

[troelskn]

I found the error. I had code where I would call createSideToolbarPlugin() inside the render() function of my component. This means a new plugin would be crated all the time. Moving const sideToolbarPlugin = createSideToolbarPlugin(); to the global scope solved this.