title: React - Summernote is showing the wrong view
body: <p>I am using Summernote for rich editor </p>
  
  <p>Here is the screenshot of the view:
  <a href="https://i.stack.imgur.com/AqTc6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AqTc6.png" alt="enter image description here"></a></p>
  
  <p>CodeSandbox link</p>
  
  <p><a href="https://codesandbox.io/s/crazy-goldberg-1enlf" rel="nofollow noreferrer">https://codesandbox.io/s/crazy-goldberg-1enlf</a></p>
  
  <pre><code>import React, { Component } from "react";
  import ReactSummernote from "react-summernote";
  import "react-summernote/dist/react-summernote.css"; // import styles
  
  // Import bootstrap(v3 or v4) dependencies
  import "bootstrap/js/dist/dropdown";
  import "bootstrap/js/dist/tooltip";
  import "bootstrap/js/dist/modal";
  
  import "bootstrap/dist/css/bootstrap.css";
  
  class RichTextEditor extends Component {
    onChange(content) {
      console.log("onChange", content);
    }
  
    render() {
      return (
        &lt;ReactSummernote
          value="Default value"
          options={{
            height: 350,
            dialogsInBody: true,
            toolbar: [
              ["style", ["style"]],
              ["font", ["bold", "underline", "clear"]],
              ["fontname", ["fontname"]],
              ["para", ["ul", "ol", "paragraph"]],
              ["table", ["table"]],
              ["insert", ["link", "picture", "video"]],
              ["view", ["fullscreen", "codeview"]]
            ]
          }}
          onChange={this.onChange}
        /&gt;
      );
    }
  }
  
  export default RichTextEditor;
  </code></pre>
  
  <p>I don't know what I'm missing</p>