I am rendering a component on the server. This component has three child components. Each of these child components call getInitialStateAsync. When the page is loaded on the browser, it looks like react async is trying to boostrap first child component with the json that was dumped by the server. However, the json that its attempting to load is from the third child component.
It looks like we can only safely call getInitialStateAsync once on the server. Calling it multiple times overrides the previous json dump. So in my case, each of the child components call getInitialStateAsync and their json dumps override the previous dump. So on the client, react-async is attempting to bootstrap the first child component with the third's json data. The remaining two child components do not get bootstrapped at all.
I am rendering a component on the server. This component has three child components. Each of these child components call getInitialStateAsync. When the page is loaded on the browser, it looks like react async is trying to boostrap first child component with the json that was dumped by the server. However, the json that its attempting to load is from the third child component.
It looks like we can only safely call getInitialStateAsync once on the server. Calling it multiple times overrides the previous json dump. So in my case, each of the child components call getInitialStateAsync and their json dumps override the previous dump. So on the client, react-async is attempting to bootstrap the first child component with the third's json data. The remaining two child components do not get bootstrapped at all.