reactql icon indicating copy to clipboard operation
reactql copied to clipboard

Issue with rehydrate

Open athakral opened this issue 6 years ago • 1 comments

Hi @leebenson ,

Thanks for ton, for this amazing boilerplate. For sure have saved me tons of hours. :+1:

Wanted to discuss a challenge that I am facing. As per https://github.com/leebenson/reactql/blob/master/src/entry/client.tsx#L63

Rehydration of the state from the local storage occurs after the apolloClient is already created at line https://github.com/leebenson/reactql/blob/master/src/entry/client.tsx#L44.

Now, if I used my store to keep the logged the authentication token, the store autosaved to localstorage. But would not be hydrated at the time of Apollo client creation. That basically means that it, since the store is hydrated later.

Now, if I move line https://github.com/leebenson/reactql/blob/master/src/entry/client.tsx#L63 to https://github.com/leebenson/reactql/blob/master/src/entry/client.tsx#L42.

So, hydrate before creating the client. I get this error in client console.

react-dom.development.js:507 Warning: Expected server HTML to contain a matching <div> in <header>.

Please let me know if you have additional questions or if I can help any how to fix this

athakral avatar Mar 24 '19 04:03 athakral

I am using version 4.2.1

athakral avatar Mar 24 '19 04:03 athakral