Minified React error #62; visit http://facebook.github.io/react/ docs/error-decoder.html?

[avinashs735]

Minified React error #62; visit http://facebook.github.io/react/ docs/error-decoder.html?invariant=62&args[]= for the full message or use the n on-minified dev environment for full errors and additional helpful warnings.

I am unable to figure out the actual reason for this.....

[m-allanson]

Based on the error message at https://reactjs.org/docs/error-decoder.html?invariant=62&args[]=, it looks like you're doing something like:

<Component style="margin-right: 1em" />

instead of:

<Component style={{marginRight: '1em'}} />

Although it looks like you're using Styled Components, so it may be something to do with how that's set up. Can you push up a minimal test repo that reproduces this error?

[garrynsk]

Hi there! I've got the same error. Sure this is because of mix of UI tools: material-ui and styled-components. I tried to implement SSR, but the build breaks. If I remove SSR completely, the build goes smooth, but I definitely need it. Probably, something is wrong with my gatsby-ssr.js setup, but I can't track the error. The repo is here. Please, help!

[garrynsk]

Well, I've resolved the problem.

1. installed jss
2. fixed my setup with help of official material ui - gatsby repo and this gatsby-styled components gist.

You can find the working repo here .

[KyleAMathews]

Looks like this is resolved so closing.