Is there any way to track field changes preserving the stack trace?

[shinobu-uwu]

I'm debugging an issue that I'm facing with zustand where out of nowhere two fields of my store go to undefined. I am using the persist middleware and already checked that it is being commited to the storage with them being undefined.

What is weird is that I don't set them to undefined at any moment, and it's only being persisted as undefined on unrelated operations, so my guess is that they are silently being set, for some inexplicable reason, and when I do another set operation it's commited to the storage and then saved as undefined.

So back to my question, is there anyway to track these values? Subscribe didn't work well, it doesn't preserve the stack trace and I think it didn't account for the "silent change". Unfortunately I cannot share my code, so feel free to ask any further questions

[dbritto-dev]

@shinobu-uwu sure, you can create a custom middleware for logging and track your changes or you can use subscribe

[dbritto-dev]

@shinobu-uwu are you checking that the store is hydrated? btw, here you go -> https://stackblitz.com/edit/nextjs-and-zustand-persist?file=app%2F_components%2Fhome-page.tsx

[shinobu-uwu]

yes I'm waiting for it to be hydrated

[shinobu-uwu]

I think I got auth to work, however I'm still facing the issue of the service worker store not being synchronized with the main page, is there anyway to manually trigger rehydration?

[shinobu-uwu]

I ask that because if I refresh the service worker then the store is correct, so I think rehydrating would fix it

[dbritto-dev]

@shinobu-uwu yeah, there's a way to manually rehydrate, actually in those cases you need to disable auto hydration and do it manually in useEffect/useLayoutEffect