Using react-rte with formsy.

[nixypanda]

How to use this component with formsy-react? Here is how I tried it.

...
class FormsyRichTextEditor extends React.Component {

  state = {
    value: RichTextEditor.createEmptyValue()
  };

  static propTypes = {
     ...
  }

  __handleChange__ = (value) => {
    this.setState({ value });
    this.props.setValue(value.toString('markdown'));
  }

  render() {
    let className = ' ';
    className += this.props.showRequired() ? 'required' : '';
    className += this.props.showError() ? 'error' : '';

    let errorMessage = this.props.getErrorMessage();

    return (
      <div className={'text-left form-group' + className }>
        <label htmlFor={this.props.id}>{this.props.title}</label>
        <RichTextEditor
          id={this.props.id}
          name={this.props.name}
          value={this.state.value}
          onChange={this.__handleChange__} />
        <span className='error-message'>{errorMessage}</span>
      </div>
    );
  }
}

export default HOC(FormsyRichTextEditor);

I get the following issue

Warning: A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional.

Some digging into the issue shows people creating rte are facing this issue and there is a way to suppress this warning. Is there any way to suppress it with react-rte?
Really unsure as to what this warning means and why it is there?

[sstur]

Your code looks good. That warning you're seeing is harmless. It's actually a legacy warning built-in to React. You have a two choices if you want to get rid of it:

• Upgrade to React 0.15 (It's not a final release, it's release candidate v15.0.0-rc.2)
• Shim console object to filter out this warning. I've used this with some success:

console.error = (function(_error) {
  return function(message) {
    if (typeof message !== 'string' || message.indexOf('component is `contentEditable`') === -1) {
      _error.apply(console, arguments);
    }
  };
})(console.error);