title: Unable to call JSX from custom function in react-quill
body: <p>I am using react-quill to build a text-editor. I saw that we can use a custom component for images instead of using their default 64 based encoded images.</p>
  <pre><code>            const modules = useMemo(() =&gt; ({
                  toolbar: {
                    container: `#toolbar`,
                    handlers: {
                      image: () =&gt; imageHandler()
                    }
                  }
                }), []);
  </code></pre>
  <p>This is simply saying to use the imageHandler function when the user clicks the image option from toolbar. However if I return a component from that function, nothing changes.</p>
  <pre><code>              const imageHandler = () =&gt; {
                   console.log('inside function'); //this prints
                   return &lt;ImageUploader /&gt;; // nothing happens here
                  };  
  </code></pre>
  <p>Even if I return a simple tag such as <code>&lt;h1&gt;Test&lt;/h1&gt;</code> nothing happens. What is it that I am missing here? Is this not the correct way or react-quill does not support it? TIA</p>