How to use React Quill inside Redux Forms

redux-form-react-quill.jsx

import React from 'react';
import { Field } from 'redux-form';
import ReactQuill from 'react-quill';

function renderQuill({ input }) {
  return (
    <ReactQuill
      {...input}
      onChange={(newValue, delta, source) => {
        if (source === 'user') {
          input.onChange(newValue);
        }
      }}
      onBlur={(range, source, quill) => {
        input.onBlur(quill.getHTML());
      }}
    />
  );  
}

// Usage:
<Field name="description" component={renderQuill} />;