Is there something like persistGate from redux-persist?

[railanxisto]

Hi everyone.

I am having an issue now that is my component renders before the store is fully hydrated.
If I use a setTimeout with like 1 second it works but this is just a bad workaround.

Is there something like PersistGate (https://github.com/rt2zz/redux-persist) in mobx-persist or does anyone have an idea how to implement something like that?

Thanks in advance

[lxblink]

@railanxisto Try this:

When hydrate your store, you can call anything on success:

hydrate('store', yourStore)
    .then(() => yourStore.setIsReady(true));

In store:

class AppStore {
  @observable isReady= false;
  @action setIsReady = value => this.isReady = value;
}

And then you can use something like this in your component:

@inject(({ store }) => ({
  isReady: store.isReady,
}))
class YourApp extends Component {
  render() {
    return this.props.isReady && (
      <YourComponent />
    );
  }
}

[railanxisto]

Thanks @lxblink . I implemented something like that on my root component and it works like a charm without a need for the setTimeout.