brocoders / redux-async-connect

It allows you to request async data, store them in redux state and connect them to your react component.
645 stars 103 forks source link

Server-side React render was discarded #61

Open shawnxusy opened 8 years ago

shawnxusy commented 8 years ago

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!

babsonmatt commented 8 years ago

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

babsonmatt commented 8 years ago

rc3 works no problem

shawnxusy commented 8 years ago

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.

ioanlucut commented 7 years ago

Any plan on fixing this issue soon?