emoji plugin

package.json

@@ -3,7 +3,9 @@
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "draft-js-plugins-editor": "^2.0.0-beta1",
    "draft-js": "^0.10.1",
    "draft-js-emoji-plugin": "2.0.0-rc2",
    "draft-js-plugins-editor": "2.0.0-rc2",
    "react": "^15.6.1",
    "react-dom": "^15.6.1"
  },

src/App.js

@@ -1,6 +1,12 @@
import React, { Component } from 'react';
import { EditorState } from 'draft-js';
import Editor from 'draft-js-plugins-editor';
import createEmojiPlugin from 'draft-js-emoji-plugin';
import 'draft-js-emoji-plugin/lib/plugin.css'

const emojiPlugin = createEmojiPlugin();

const { EmojiSuggestions } = emojiPlugin;

class App extends Component {
  constructor(props) {
@@ -18,10 +24,14 @@ class App extends Component {

  render() {
    return (
      <Editor
        editorState={this.state.editorState}
        onChange={this.onChange}
      />
      <div>
        <Editor
          editorState={this.state.editorState}
          onChange={this.onChange}
          plugins={[emojiPlugin]}
        />
        <EmojiSuggestions />
      </div>
    );
  }
}