Different behaviour of LocalStorage and AsyncStorage

In my app, I’m using @react-native-async-storage/async-storage because I plan to support React Native. But because React Native is not expected to be supported soon, I decided to switch back to LocalStorage and my app stopped working. If I will add setTimeout to state.dispatchStoreRehydrated();, it works. It’s probably because LocalStorage is sync while AsyncStorage isn’t.

onRehydrateStorage: () => (state) => {
  if (state)
    // Fix for LocalStorage. With AsyncStorage, setTimeout
    // is not required.
    setTimeout(() => {
      state.dispatchStoreRehydrated();
    }, 0);
},

[steida]

LGTM

[steida]

Thank you for your thorough explanation and the solution you provided. I am closing this issue for now. Maybe I will create a new one with a more specific use case.

As I see it, ideally there should be sync persist and async persist because it’s two different use cases.