issue with next-redux-wrapper

[Shivamycodee]

I don't understand why I'm getting this error:

TypeError: (0 , next_redux_wrapper__WEBPACK_IMPORTED_MODULE_4__.withRedux) is not a function

I'm just trying to use redux in next.js,

app.js file:

import '@/styles/globals.css' import { Provider } from "react-redux"; import {store} from "./store"; import { withRedux } from "next-redux-wrapper";

function App({ Component, pageProps }) { return <>

<Component {...pageProps} />

</> }

export default withRedux(store)(App);

store file:-

import { configureStore, createSlice } from "@reduxjs/toolkit"; const counterSlice = createSlice({ name: "counter", initialState: { value: 0, }, reducers: { increment: (state) => { state.value += 1; }, decrement: (state) => { state.value -= 1; }, }, });

export const { increment, decrement } = counterSlice.actions;

export const store = configureStore({ reducer: counterSlice.reducer, });

[kirill-konshin]

Which version are you using? Please provide codesandbox and please follow the template.

[Shivamycodee]

here is my whole code...

https://codesandbox.io/p/sandbox/bitter-silence-fj8khb?file=%2Fpages%2Fstore.js&selection=%5B%7B%22endColumn%22%3A7%2C%22endLineNumber%22%3A12%2C%22startColumn%22%3A7%2C%22startLineNumber%22%3A12%7D%5D

I'm getting error : TypeError: makeStore is not a function

[kirill-konshin]

Sandbox is broken:

Which version of wrapper are you using?

[kirill-konshin]

export const wrapper = createWrapper(store, { debug: true });

This is wrong, you should supply not the store, but a function that will make a store:

export const wrapper = createWrapper(() => configureStore({
  reducer: counterSlice.reducer,
}), { debug: true });

Please read the docs!