title: React render <img> tag
body: <p>For the following react code:    </p>
  
  <pre><code>ReactDOM.render(&lt;div className="divcss5"&gt;
     &lt;img src={'/auto_merge_deployment.png'}
           alt="Auto Merge Deployment"
           align="bottom"
           id="auto_merge_deployment"
           style={style}&gt;Auto Merge Deployment&lt;/img&gt;
      &lt;br&gt;&lt;/br&gt;
      &lt;p&gt;&lt;i className="fa fa-spinner fa-spin fa-3x fa-fw"
             style={{fontSize: "1.73em"}}
      &gt;&lt;/i&gt;Icon&lt;/p&gt;
  &lt;/div&gt;, document.getElementById("icon_tip_div"));
  </code></pre>
  
  <p>I got: </p>
  
  <blockquote>
    <p>Error: img is a void element tag and must neither have <code>children</code> nor use <code>dangerouslySetInnerHTML</code>.
        in img
        in div</p>
  </blockquote>
  
  <p>Is that because the <code>src</code> is not formatted properly or the path is wrong, and it cannot find the image?</p>