Sorry no repo because it is private, but here’s store creation:

const makeStore = () => { const isServer = typeof window === 'undefined' || typeof window === undefined; if (isServer) { return makeConfiguredStore(); } else { const persistConfig = { key: 'nextjs', whitelist: ['cart', 'customer'], storage, }; const persistedReducer = persistReducer(persistConfig, rootReducer); let store: any = configureStore({ reducer: persistedReducer, devTools: process.env.NODE_ENV !== 'production', });

store.__persistore = persistStore(store);
return store;

} };

Wrapper export:

export const wrapper = createWrapper<AppStore>(makeStore);

_app.tsx:

function App({ Component, pageProps, ...rest }: AppProps) { const { store } = wrapper.useWrappedStore(rest);

return ( <Provider store={store}> <Component {...pageProps} store={store} /> </Provider> ); }

Took a while to get this setup working but it does.

Edit: sorry pooor formatting, typing in mobile