title: TypeError: marked__WEBPACK_IMPORTED_MODULE_3___default(...) is not a function
body: <p>I'm working on an editor markdown in my current project. I searched on different questions on stackoverflow but that didn't help me to resolve my problem.  I get this TypeError:
  <a href="https://i.stack.imgur.com/pR3P2.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>This is my code:</p>
  <pre><code>  import React, {Component} from 'react';
    import './App.css';
    import {sampleText} from './sampleText'
    import marked  from 'marked'
  
  
    class App extends Component {
      state = {
        text: sampleText
      }
      
      handleChange = event =&gt; {
        const text = event.target.value
        this.setState({text})
      }
  
      renderText = text =&gt; {
        const _html = marked(text, { sanitize: true})
        return { __html}
      }
      
  
      render () {
        return(
          &lt;div className='container'&gt;
            &lt;div className='row'&gt;
              &lt;div className='col-sm-6'&gt;
                &lt;textarea
                  onChange={this.handleChange}
                  value={this.state.text}
                  className='form-control'
                  rows='35'/&gt;
              &lt;/div&gt;
              &lt;div className='col-sm-6'&gt;
                &lt;div dangerouslySetInnerHTML={this.renderText(this.state.text)}/&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        )
      }
    }
  
    export default App;
  </code></pre>