title: React quill custom image handler module causing typing issues with the editor
body: <p>I am using <a href="https://github.com/zenoamaro/react-quill" rel="nofollow noreferrer">React Quill</a> as the text editor. This works fine until I add the custom image handler. If I add the image handler as below, I can't type into the editor. Typing lose focus on every single keypress.</p>
  
  <pre><code>const modules = {
      toolbar: {
          container: [
              [{'header': [3, 4, 5, 6, false]}],
              ['bold', 'italic', 'underline', 'strike', 'blockquote', 'code'],
              [{color: []}, {background: []}],
              [{'list': 'ordered'}, {'list': 'bullet'}, {'indent': '-1'}, {'indent': '+1'}],
              ['link', 'image'],
              ['clean']
          ],
          handlers: {
              image: imageHandler
          }
      },
      clipboard: {
          // toggle to add extra line breaks when pasting HTML:
          matchVisual: false,
      }
  };
  
  function imageHandler() {
      console.log("custom image handler");
  }
  </code></pre>
  
  <p>If I comment out the <code>image: imageHandler</code>, editor works perfectly. Here is the <a href="https://codesandbox.io/s/jolly-haze-oggig" rel="nofollow noreferrer">codesanbox example</a></p>
  
  <p>Am I writing the custom module correctly?</p>