Gatsby: Minified React error #32 (Production)

[brohlson]

Hey Gatsby team,

Playing around building out a small static site, getting an error that's been tough to debug. It's connected to the click events for Gatsby-Link on production:

reactProdInvariant.js:29 Uncaught Error: Minified React error #32; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=32&args[]=11 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

I've seen a handful of other individuals run into similar errors & have ensured that none of the prior fixes are to blame.

I'm using one extra plugin tacked onto the core Gatsby-Starter repo, gatsby-plugin-sass. Not seeing any errors when building locally. It's deployed on Netlify.

Wish I had more info on the error, but I'm pretty stuck.

Link to repo for reference.
Link to Netlify deployment.
Thanks for any help :)

[m-allanson]

I was able to replicate this by building the site locally with npm run build. You've got <a> tags inside your <Link> tags which might be causing this, try removing the <a> tags.

There's a usage example in the docs. For more examples, check out some of the example sites.

[brohlson]

That's the fix! Thanks for your help.

[DaryMerckensGT]

For anyone coming across this for whom this answer doesn't fix it, if you run GATSBY_ENV=development gatsby develop, you'll probably see some sort of DOM validation error(s) in console. Fix that (or those) and you should be good to go.