Server-side React render was discarded

Question

Server-side React render was discarded

shawnxusy opened this issue 8 years ago · comments

Followed the setup and changed my existing code, got this error in console:
Server-side React render was discarded. Make sure that your initial render does not contain any client-side code.

It seems dest.firstChild.attributes['data-react-checksum'] is undefined, and I guess somewhere there is a mismatch between server / client rendering.

(I'm also using webpack isomorphic tools, i.e., )

Great work btw, this is definitely the cleanest approach to async loading!

Matt · Answer 1 · Thu Mar 10 2016 05:52:53 GMT+0800 (China Standard Time)

Experiencing the same issue here as well - undefined dest.firstChild.attributes['data-react-checksum']

Matt · Answer 2 · Thu Mar 10 2016 05:54:59 GMT+0800 (China Standard Time)

rc3 works no problem

Shawn.x · Answer 3 · Thu Mar 10 2016 08:37:50 GMT+0800 (China Standard Time)

For now I switched back to the fetchComponentDataBeforeRender approach (as in https://github.com/choonkending/react-webpack-node, app/api/fetch...). It's not as elegant as redux-async-connect, but works and I get to see what happens under the hood.

Ioan Lucut · Answer 4 · Tue Apr 04 2017 01:03:38 GMT+0800 (China Standard Time)

Any plan on fixing this issue soon?