Typis element doesnt get the defaultvalue of textarea

[maxclav]

Hi, i'm new to web dev, How can i correct this error: I want Typist components to get the defaultvalue of the textarea

import React from 'react';
import './index.css';
import Typist from 'react-typist'; // https://github.com/jstejada/react-typist

//! WITH WARNINGS, ERRORS AND TYPIST
class Message extends React.PureComponent {
  render() {
    const dearMessage = "Dear Maxime, ";
    return (
      <div className="contact-message">
        <Typist>
          <textarea id="contact-textarea" name="message" spellCheck="false">
            {dearMessage}
          </textarea>
        </Typist>
      </div>
    );
  }
}
export default Message

index.js:1452 Warning: Use the defaultValue or value props instead of setting children on in textarea (created by Typist)</p> </blockquote> <p>this one doesnt work with typist but doesnt create warnings/errors</p> <pre><code>(...) //! WITHOUT WARNINGS, ERRORS AND TYPIST class Message extends React.PureComponent { render() { const dearMessage = "Dear Maxime, "; return ( <div className="contact-message"> <textarea id="contact-textarea" name="message" spellCheck="false" defaultValue={dearMessage}> </textarea> </div> ); } } (...)</code></pre> <p>thank you for your time and help</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>