rehydrate

It is possible to update the complete state of Overmind using the rehydrate tool. It allows you to update the state either with a state object or an array of mutations, typically collected from server side rendering.

overmind/onInitialize.ts
overmind/onInitialize.ts
import { rehydrate } from 'overmind'
export const onInitialize = ({ state, effects }) => {
// Grab mutations from a server rendered version
const mutations = window.__OVERMIND_MUTATIONS
rehydrate(state, mutations)
// Grab a previous copy of the state, for example stored in
// localstorage
rehydrate(state, effects.storage.get('previousState') || {})
}

The function takes into acount the state structure of Overmind which is based on objects where functions are derived state. That means it will leave derived state alone, resulting in them rather updating if any of their dependecies where updated by rehydration.