Upgrading to use redux saga with redux toolkit

samilabud · Mar 8, 2024 · c86b212 · c86b212
1 parent 072002b
commit c86b212
Show file tree

Hide file tree

Showing 3 changed files with 57 additions and 2 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -5,6 +5,7 @@
   "dependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/plugin-transform-private-property-in-object": "^7.23.4",
+    "@reduxjs/toolkit": "^2.2.1",
     "@stripe/react-stripe-js": "^1.7.0",
     "@stripe/stripe-js": "^1.25.0",
     "@testing-library/jest-dom": "^5.11.4",

diff --git a/client/src/redux/store.js b/client/src/redux/store.js
@@ -1,4 +1,4 @@
-import { createStore, applyMiddleware } from "redux";
+import { configureStore, Tuple } from "@reduxjs/toolkit";
 import logger from "redux-logger";
 import { persistStore } from "redux-persist";
 import createSagaMiddleWare from "redux-saga";
@@ -14,7 +14,10 @@ if (process.env.NODE_ENV !== "production") {
   middlewares.push(logger);
 }
 
-export const store = createStore(rootReducer, applyMiddleware(...middlewares));
+export const store = configureStore({
+  reducer: rootReducer,
+  middleware: () => middlewares,
+});
 
 sagaMiddleWare.run(rootSaga);