[gatsby-image] Support image loading with JavaScript disabled

[kripod]

Resolves #3109.

[gatsbybot]

Deploy preview ready!

Built with commit 896c187

https://deploy-preview-3122--gatsbygram.netlify.com

[gatsbybot]

Deploy preview ready!

Built with commit 2fb97a0

https://deploy-preview-3122--using-drupal.netlify.com

[KyleAMathews]

Thanks! Sorry for the long delay on getting this out there — been super busy 😅

[kripod]

@KyleAMathews You needn’t be sorry, I can totally understand your situation of being extremely busy. I’m glad that this has finally been merged, I highly appreciate your efforts and attitude towards this project! 😊

[kripod]

@KyleAMathews I don't know why, but this seems to break production builds (gatsby build). I get blurry images all over the place along with the following stack trace on my web browser's console:

Uncaught Error: Minified React error #32; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=32&args[]=76 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at n (reactProdInvariant.js:29)
    at u (ReactDOMComponentTree.js:101)
    at l (ReactDOMComponentTree.js:177)
    at v.f (ReactDOMComponent.js:259)
    at e.notifyAll (CallbackQueue.js:74)
    at r.close (ReactReconcileTransaction.js:78)
    at r.closeAll (Transaction.js:207)
    at r.perform (Transaction.js:154)
    at u (ReactMount.js:124)
    at r.perform (Transaction.js:141)

Development builds are fine (gatsby develop).

[KyleAMathews]

Can you try to duplicate this with the using-gatsby-image example site?

[kripod]

@KyleAMathews Just visit https://using-gatsby-image.gatsbyjs.org using Chrome v63. It's pretty ironic that gatsby-image now works without JavaScript, but doesn't work with JS enabled.

[KyleAMathews]

Huh... weird this didn't show up in your and my testing.

[KyleAMathews]

This is the issue we're running into facebook/react#1252

[KyleAMathews]

looks like we still have to use dangerouslySetInnerHTML

[KyleAMathews]

I'll work on a PR to do this.