title: React TinyMCE editor set bbcode content dynamically
body: <p>I am using this official component <a href="https://www.tiny.cloud/docs/integrations/react/" rel="nofollow noreferrer">https://www.tiny.cloud/docs/integrations/react/</a></p>
  
  <p>I want to use this method from documentation <a href="https://www.tiny.cloud/docs/api/tinymce/tinymce.editor/#setcontent" rel="nofollow noreferrer">https://www.tiny.cloud/docs/api/tinymce/tinymce.editor/#setcontent</a> in order to define bbcode as content for my editor.</p>
  
  <p>But I get an error:</p>
  
  <p><strong>this.editor.setContent is not a function</strong></p>
  
  <p>Here is my code</p>
  
  <pre><code>import React, { PureComponent } from 'react';
  import { Editor } from '@tinymce/tinymce-react';
  
  /**
   * Comment component.
   */
  
  class Comment extends PureComponent {
    componentDidMount() {
      this.editor.setContent('[b]some[/b] html', { format: 'bbcode' });
    }
  
    render() {
      return (&lt;Editor
        ref={(editor) =&gt; {
          this.editor = editor;
        }}
        apiKey="***"
      /&gt;);
    }
  }
  
  export default Comment;
  </code></pre>