title: react-render-html: TypeError: Cannot read property 'length' of undefined
body: <p>I need to make a bubble rich text editor with <code>react-quill</code>, when I try make a content with rich editor then it's worked fine. but when I try to fetch data from my database with <code>react-render-html</code> then it does not work show me error like this:</p>
  <pre><code>TypeError: Cannot read property 'length' of undefined
  push../node_modules/react-render-html/node_modules/parse5/lib/tokenizer/preprocessor.js.module.exports.push../node_modules/react-render-html/node_modules/parse5/lib/tokenizer/preprocessor.js.Preprocessor.write
  C:/Users/alami/OneDrive/Desktop/MERN stack/online shopping/client/node_modules/react-render-html/node_modules/parse5/lib/tokenizer/preprocessor.js:91
    88 |     else
    89 |         this.html = chunk;
    90 | 
  &gt; 91 |     this.lastCharPos = this.html.length - 1;
    92 |     this.endOfChunkHit = false;
    93 |     this.lastChunkWritten = isLastChunk;
    94 | };
  </code></pre>
  <p>I have tried code by this way:</p>
  <pre><code>import React, { useEffect, useState } from &quot;react&quot;;
  import { Button, Descriptions } from &quot;antd&quot;;
  import renderHTML from &quot;react-render-html&quot;;
  
  function ProductInfo(props) {
    const [Product, setProduct] = useState({});
    useEffect(() =&gt; {
      setProduct(props.detail);
    }, [props.detail]);
  
    return (
      &lt;div&gt;
        &lt;Descriptions title=&quot;Product Info&quot;&gt;
          &lt;Descriptions.Item label=&quot;Price&quot;&gt;${Product.price}&lt;/Descriptions.Item&gt;
          &lt;Descriptions.Item label=&quot;Sold&quot;&gt;{Product.sold}&lt;/Descriptions.Item&gt;
          &lt;Descriptions.Item label=&quot;View&quot;&gt;{Product.views}&lt;/Descriptions.Item&gt;
          &lt;Descriptions.Item label=&quot;Description&quot;&gt;
            &lt;div&gt;{renderHTML(Product.desc)}&lt;/div&gt;
          &lt;/Descriptions.Item&gt;
        &lt;/Descriptions&gt;
  
        &lt;br /&gt;
        &lt;br /&gt;
        &lt;br /&gt;
        &lt;div style={{ display: &quot;flex&quot;, justifyContent: &quot;center&quot; }}&gt;
          &lt;Button shape=&quot;round&quot; type=&quot;danger&quot;&gt;
            Contact me
          &lt;/Button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    );
  }
  
  export default ProductInfo;
  
  </code></pre>
  <p>If I removed <code>renderHTML</code> from <code>{renderHTML(Product.desc)}</code> then It worked, but output show me <code>html</code> code, does not show plane text.</p>
  <p>Any Suggestion Please.</p>