title: TypeError: blockRendererFn is not a function
body: <p>I had tried a few times to implement draftjs in the past. However, after some time I tried it again today with the ^0.10.* version.</p>
  
  <p>But with the basic example, I am getting a constant error:</p>
  
  <pre><code>Uncaught TypeError: blockRendererFn is not a function
  at DraftEditorContents.render (index_bundle.js:113154)
  at finishClassComponent (index_bundle.js:63203)
  at updateClassComponent (index_bundle.js:63180)
  at beginWork (index_bundle.js:63555)
  at performUnitOfWork (index_bundle.js:65554)
  at workLoop (index_bundle.js:65618)
  at HTMLUnknownElement.callCallback (index_bundle.js:55872)
  at Object.invokeGuardedCallbackDev (index_bundle.js:55911)
  at invokeGuardedCallback (index_bundle.js:55768)
  at renderRoot (index_bundle.js:65696
  </code></pre>
  
  <p>I think the blockrendererFn is compulsory now. However, I am still not able to figure out what exactly might be the problem. </p>
  
  <p>I am following the basic tutorial to create an editor using <code>EditorState.createEmpty()</code></p>
  
  <p>Any help would be appreciated. Here is my class:</p>
  
  <pre><code>import React from 'react';
  import {Editor,
          EditorState,
          DefaultDraftBlockRenderMap
          } from 'draft-js';
  
  import {Segment} from 'semantic-ui-react';
  
  class MyTodoListEditor extends React.Component {
  constructor(props) {
      super(props);
  
      this.state = {
          editorState: EditorState.createEmpty(),
      };
  
      this.onChange = (editorState) =&gt; this.setState({editorState});
  
  }
  
  render () {
      return (
          &lt;Segment&gt;
          &lt;Editor
              editorState={this.state.editorState}
              onChange={this.onChange}/&gt;
          &lt;/Segment&gt;
      );
  }
  }
  
  Editor.propTypes = {};
  Editor.defaultProps = {};
  
  export default MyTodoListEditor;
  </code></pre>