title: render simple HTML with react.cloneElement
body: <p>React.cloneElement() always require first parameter as react component which should be passed as children in props. </p>
  
  <p>Is there are way to pass a simple HTML node as a children. Please refer the code below for better understanding of my issue:</p>
  
  <p>Dialog.jsx (Common component):</p>
  
  <pre><code> return (
              &lt;div className="app-dialog-jsx" ref={(ele) =&gt; this.ele = ele}&gt;
                  {this.state.show &amp;&amp; React.cloneElement(this.props.children, {
                      contentStyle: {
                          height: 400,
                          overflowY: 'auto',
                          overflowX: 'hidden'
                      },
                      method1: this. method1,
                      method2: this. method2
                  })}
              &lt;/div&gt;
          );
  </code></pre>
  
  <p>now I can not pass:</p>
  
  <pre><code>&lt;Dialog
    ref={(dialog)=&gt;this.dialog=dialog}
    method1={()=&gt;console.log(1)}
    method2 ={()=&gt;console.log(1)}
  &gt;
    &lt;h4&gt;somethign&lt;/h4&gt;
  &lt;/Dialog&gt;
  </code></pre>
  
  <p>H4 needs to be a react component otherwise it will not set the props in cloneElement. How can I send simple HTML here, any help?</p>