Estoy trabajando en una rebaja del editor en mi proyecto actual. Busqué diferentes preguntas en stackoverflow pero eso no me ayudó a resolver mi problema. Recibo este TypeError: ingrese la descripción de la imagen aquí

Este es mi código:

 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 => { const text = event.target.value this.setState({text}) } renderText = text => { const _html = marked(text, { sanitize: true}) return { __html} } render () { return( <div className='container'> <div className='row'> <div className='col-sm-6'> <textarea onChange={this.handleChange} value={this.state.text} className='form-control' rows='35'/> </div> <div className='col-sm-6'> <div dangerouslySetInnerHTML={this.renderText(this.state.text)}/> </div> </div> </div> ) } } export default App;