title: <picture /> element is not working as expected in Safari browser, while using React
body: <p>I am facing an issue with &quot;picture&quot; element in React, particularly with safari browser.
  Safari is always fetching image from &quot;img&quot; element src along with the image from appropriate &quot;source&quot; element based on media attribute.</p>
  <p>This seem to work fine in other browsers(chrome &amp; firefox).</p>
  <p>I created a <a href="https://codesandbox.io/s/peaceful-tesla-es10w?file=/src/index.js" rel="nofollow noreferrer">codesandbox</a> for the same.</p>
  <p>Would appreciate any help. Thanks in advance.</p>
  <p>FYI: I tried with picturefill polyfill too. But no help. So, thought it is something to do with react + safari engine combo.</p>