title: React Draft Wysiwyg dropdown options not working
body: <p>I am facing issue when implementing <a href="https://github.com/jpuri/react-draft-wysiwyg" rel="nofollow noreferrer">React Draft Wysiwyg</a>, font, size, bold and other dropdown options not working</p>
  <p>this is my code</p>
  <pre><code>import React, { useState } from 'react'
  import { Editor } from 'react-draft-wysiwyg'
  import { EditorState } from 'draft-js'
  import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'
  
  
  export const HTMLEditor: React.FC = (): JSX.Element =&gt; {
    const [editorState, setEditorState] = useState(() =&gt; EditorState.createEmpty())
  
  
  return (
      &lt;div className=&quot;mt-2 mb-2&quot;&gt;
        &lt;Editor
          toolbarClassName=&quot;toolbarClassName&quot;
          wrapperClassName=&quot;wrapperClassName&quot;
          editorClassName=&quot;editorClassName&quot;
          editorState={editorState}
          onEditorStateChange={setEditorState}
          toolbar={{
            inline: { inDropdown: true },
            list: { inDropdown: true },
            textAlign: { inDropdown: true },
            link: { inDropdown: true },
            history: { inDropdown: true },
          }}
        /&gt;
      &lt;/div&gt;
    )
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/ppKrA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ppKrA.png" alt="enter image description here" /></a></p>
  <p>when I click on font or any other dropdown it show the error</p>