title: How do I wrap a react-hook-form Controller around TinyMCE?
body: <p>I'm trying to use TinyMCE with react-hook-form, and I suspect it will work better with <code>Controller</code> than <code>register</code>, though I've tried both with no luck. It works fine, as in I can type in it, but the value of <code>attributes.info</code> doesn't change at all when I type in the editor. Here's my code:</p>
  <pre><code>&lt;Controller
    name=&quot;attributes.info&quot;
    control={control}
    render={({ field: { value, onChange } }) =&gt; (
      &lt;Editor
        apiKey={apiKey}
        value={value}
        onChange={onChange}
        initialValue={value}
        init={{
          height: 500,
          menubar: false,
          plugins: ['lists link code'],
          toolbar_mode: 'wrap',
          toolbar:
            'formatselect | blockquote bold italic underline | \
              bullist numlist outdent indent | alignleft \
              aligncenter alignright alignjustify | paste | link \
              | code | undo redo removeformat ',
        }}
      /&gt;
    )}
  /&gt;
  </code></pre>