Automatically handles the HYDRATE action executed by next-redux-wrapper.
The easiest way to install compose-hydrate-reducers is with npm.
npm install compose-hydrate-reducersAlternately, download the source.
git clone https://github.com/stegano/compose-hydrate-reducers.git- Overwrite the client side state to the state delivered from the server side When the page is first rendered.
- See next-redux-wrapper#usage for information on handling
HYDRATEaction
// store.ts
...
const reducers = combineReducers(
/**
* Reducers with `HYDRATE` action handling added is returned.
* ✨ Now you don't have to handle the `HYDRATE' operation directly on each reducer.
*/
composeHydrateReducers({
yourReducer1,
yourReducer2
...
});
)
type RootState = ReturnType<typeof reducers>;
// create a makeStore function
const makeStore = () => createStore(reducers);
// export an assembled wrapper
export const wrapper = createWrapper<Store<RootState>>(makeStore, { debug: true });
...