useStoreRehydrated always returning true?

For some reason useStoreRehydrated returns true even though it isn’t.

I’m using

const isRehydrated = useStoreRehydrated();
console.log('isRehydrated', isRehydrated);
if (!isRehydrated) return null;

to protect the App from loading until state is rehydrated.

But this console logs isRehydrated true even on the first run and I can see the App render with empty data and then rerender with rehydrated data a second later.

Not sure what to check next. Thanks for any help!

[ctrlplusb]

Would be great if you could provide a repro. ♥️

Sorry we had to close old issues with inactivity in a movement towards centring ourselves with what is priority for the community. 👍

[jmyrland]

I generally use easy-peasy with react-native apps using Expo, so I built a quick example using snacks.expo.dev instead of codesandbox.

Turns out it works now, at least with the default storage engine on web. 🥳 You can click the “No Errors” button at the bottom left to pull up the console logs. https://snack.expo.dev/@gollyjer/easy-peasy-rehydrate-bug

Thanks for your input! Good to see that the useStoreRehydrated hook works as expected now 🎉

This did lead to finding a bug when trying to use an alternative storage engine import ExpoFileSystemStorage from 'redux-persist-expo-filesystem';

I have another snack set up for that and will create a separate issue.

Thanks for taking the time - appreciate it 👍