Can zustand persist() work within an SSR app?

[piscopancer]

Persist refers to local storage as a browser API so it is unreachable during SSR. The page is loaded during SSR with default values or fetched values (we all know what) and only then does Zustand does its work checking for data in local storage and updating the state thanks to persist() function. I have not used Zustand with NextJS. I wonder if values are going to flick and shake🤔

Why am I asking? I am currently working with Qwik framework and Zustand is incompatible. Qwik uses SSR and I am using loading data from local storage to the state. However SSR loads in the 'default' values of store and only after SSR qwik requires ~0.1s to run all javascript and only then local storage can be checked for values. So the flicker or flashing of values takes ~0.1s and that's annoying. There is not flicker in zustand.

[IMythx]

it flickers in zustand too...it still take sometime to read the data from the localstorage

[dai-shi]

Yeah, and it's not only Zustand. localStorage is only available on the client.

[IMythx]

yeah its not zustand specific thing

the best solution i could found is to store the data in the cookies too, read it in a server component and then pass it down to the client component
this way the data will be rdy when the component renders without the need to wait for the localstorage to be rdy