next-redux-wrapper usage slows down route change

Describe the bug

Whenever I use next-redux-wrapper, changing routes starts to get really slow.

export const getServerSideProps: GetServerSideProps<I18nProps<MyLocale>> = getStore((store) => async (ctx) => {
// ...
  store.dispatch(setFeatureFlags(flags));
// ...
  store.dispatch(updateDevice(getSelectorsByUserAgent(ctx.req.headers["user-agent"])));
  return ...;
});

With the code above, whenever I change routes, it takes around 10s to change on dev and 5s on prod. If I remove it, it becomes instant, like milliseconds.

To Reproduce

The code is proprietary, I can’t fork or clone it.

Steps to reproduce the behavior:

Just use this library with some dependencies like usedapp, or theming, or any UI lib. Check how long it takes to change routes. Remove it, and you’ll see the difference.

Expected behavior

Using redux shouldn’t impact the app routing load time.

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 6]

Additional context

[kirill-konshin]

I can release it, it’s been in beta for quite some time.

[roshaninet]

hi , i had this problem too, you can use 8.0.0-rc.1 instead of 7.0.5 there is some changes

for create store you must use configureStore

const makeStore = () =>
    configureStore({
        reducer: appReducer,
        devTools: true,
    });

export const wrapper = createWrapper(makeStore, {debug: false});

and in _app.js:

const App = ({Component, ...rest}) => {
    const {store, props} = wrapper.useWrappedStore(rest);
    return (
        <Provider store={store}>
                <Component {...props.pageProps} />
        </Provider>
    )
}