title: How to make react semantic UI TextArea with default value, but still allows user to change the value?
body: <p>I have tried using defaultValue and value in TextArea but it wont allow user to change the value.</p>
  
  <p>The parent div of the textarea is redux-form Field. And try to pass the value stored in redux state to the textarea</p>
  
  <pre><code>     &lt;Field
          name="message"
          component={renderField}
          ...
          onChange={ (e: any) =&gt; 
            triggerHoldResponse(e.target.value, conversation.id)
          }
        /&gt;
  
  const renderField = ({input, type, meta: { error }}: any) =&gt; (
    &lt;div&gt;
      &lt;TextArea 
        className={styles.textarea}
        {...input}
        placeholder={placeholder}
        type={type}
      /&gt;
      &lt;div className={styles.errorSignal}&gt;
        {error}
      &lt;/div&gt; 
    &lt;/div&gt;
  );
  </code></pre>