Gatsby site not rendering in IE 11

I’ve created a new site using the https://github.com/codebushi/gatsby-starter-photon template, and I’ve upgraded to the latest version of Node.js (12.16.1) and the latest Gatsby (2.20.1), but I can’t get the site to render in IE or the original Edge browsers. I’ve tried a ton of things I’ve found on the net, and I’m injecting polyfill.js as well. In fact, I’ve tried injecting another polyfill directly into the system to support “forEach”, but I’m still getting a blank page, and the following error:

Object doesn't support property or method 'forEach'

Can anyone help with this?

[HiltonGiesenow]

ah, I figured it out - I wasn’t using the browser tools correctly to track the error stack - now I see where the forEach is that’s giving the trouble! It was in my TopNav.js, so I’ve just replaced:

		document.querySelectorAll(".navbar li").forEach(function (elem) { 
            elem.onclick = function() {
                document.getElementById("topnav").classList.remove("open");
            };
        });

with

var liElements = document.querySelectorAll(".navbar li");
		for (let i = 0; i < liElements.length; i++) {
			const elem = liElements[i];
			
			elem.onclick = function() {
                document.getElementById("topnav").classList.remove("open");
            };
		}

and now it’s working perfectly - thanks so much for the help tracking this down! I’ll look more into the docz site now, with this knowledge

[HiltonGiesenow]

I got it working for Docz as well, albeit with some ugliness, in case it can help others. Posted here: https://github.com/doczjs/docz/issues/1428