Как получить макет содержимого тела с помощью редактора в reactjs?

Question

Я использую Wysiwyg editor для тела содержимого, аналогичного телу (которое используется для написания наших запросов в stackoverflow). Я прошел по этой ссылке "https://jpuri.github.io/react-draft-wysiwyg/# / ", в приведенной выше ссылке она показывает панель инструментов и структуру тела, но когда я вставил ее в свой код, я не смог увидеть макет кузова. Вот снимок (который является моим выводом) Я не получаю точную компоновку, как это показано в ссылке (компоновка тела). Здесь, на снимке, я не смог разобраться с макетом тела.

import React, { Component } from 'react';
import { Editor } from 'react-draft-wysiwyg';
import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';


class Email extends Component {
  state = {
    editorState: ""
  }

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

  render() {
    const { editorState } = this.state;
    return (
      <div className="myEmail">
        <Editor
          editorState={editorState}
          wrapperClassName="demo-wrapper"
          editorClassName="demo-editor"
          onEditorStateChange={this.onEditorStateChange}
        />
      </div>
    );
  }
}

export default Email;

Может кто-нибудь помочь мне исправить это?