title: React onLoad event on image tag is not getting called when using conditional render
body: <p>I'm using the stateless functional component to add spinner while image is loading from the external resource, like so:</p>
  
  <pre><code>function ExternalImage(props) {
    const [loaded, setLoaded] = useState(false);
    function onLoad() {
      console.log('loaded');
      setLoaded(true);
    }
    return loaded
       ? &lt;img 
          onLoad={onLoad}
          src={props.src}
          alt={props.alt}
          {...props} 
         /&gt; 
       : &lt;Spin /&gt;
  }
  </code></pre>
  
  <p>And use it like so:</p>
  
  <pre><code>&lt;ExternalImage src={image.src} alt={image.alt} className="image" /&gt;
  </code></pre>
  
  <p>Why would the <code>onLoad</code> never get called?</p>