Gatsby v2 Landing Page Broken on IE11

[shelldandy]

v1 landing is fine, but v2 looks like this:

[m-allanson]

Oh dear, let's get that fixed. Thanks @shelldandy 👍

[anantoghosh]

@m-allanson I made a pr for this.
But gatsby develop does not work on IE 11 after gatsby@beta.13, build still works. Is using develop in IE 11 supported? It has made testing on IE much harder.

SCRIPT5022: Objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props, _owner, _store}). If you meant to render a collection of children, use an array instead.
invariant.js (49,5)
SCRIPT5022: Objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props, _owner, _store}). If you meant to render a collection of children, use an array instead.
react-dom.development.js (16543,5)

I think it was after this commit 2fd9026 but I'm not sure

[pieh]

This was fixed in #6414 . Thanks @anantoghosh!

[msachi]

@anantoghosh Did you find a way to get gatsby develop to work on IE? We are trying to fix an IE issue and it's difficult to debug in production.

[anantoghosh]

@msachi develop does not work on ie. Maybe you could find something from this discussion #7003 (comment). You could try using using a custom babel config. All I can say is that the error is because of polyfills not being loaded when using develop

[shelldandy]

but also on prod sometimes IE doesn't load at all and you can't properly debug since react is on production mode so the errors are not super friendly

[anantoghosh]

Please create a separate issue so it could be tracked or continue discussion on #7003 if it seems relevant.