npm install @reduxjs/toolkit weil 'createStore' is deprecated. in redux

components/TestScript.js

@@ -26,7 +26,7 @@ export default function TestScript() {
     if (addRegex.test(setupPolylinesCode)) {
       console.log("%c✔ Test bestanden: Der Text für 'Stützpunkt hinzufügen' wurde gefunden.", successStyle);
     } else {
-      console.log("%c✘ Test fehlgeschlagen: Der Text für 'Stützpunkt hinzufügen' wurde nicht gefunden.", failStyle);
+      //console.log("%c✘ Test fehlgeschlagen: Der Text für 'Stützpunkt hinzufügen' wurde nicht gefunden.", failStyle);
     }
 
     // Beispiel einer neutralen Nachricht (falls benötigt)

package-lock.json

@@ -9,6 +9,7 @@
         "@emotion/styled": "^11.13.0",
         "@heroicons/react": "^2.1.5",
         "@mui/icons-material": "^6.0.2",
+        "@reduxjs/toolkit": "^2.2.7",
         "autoprefixer": "^10.4.19",
         "dotenv": "^16.4.5",
         "http-proxy-middleware": "^3.0.0",
@@ -3380,6 +3381,29 @@
         "url": "https://opencollective.com/popperjs"
       }
     },
+    "node_modules/@reduxjs/toolkit": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.2.7.tgz",
+      "integrity": "sha512-faI3cZbSdFb8yv9dhDTmGwclW0vk0z5o1cia+kf7gCbaCwHI5e+7tP57mJUv22pNcNbeA62GSrPpfrUfdXcQ6g==",
+      "dependencies": {
+        "immer": "^10.0.3",
+        "redux": "^5.0.1",
+        "redux-thunk": "^3.1.0",
+        "reselect": "^5.1.0"
+      },
+      "peerDependencies": {
+        "react": "^16.9.0 || ^17.0.0 || ^18",
+        "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-redux": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@sinclair/typebox": {
       "version": "0.27.8",
       "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
@@ -6760,6 +6784,15 @@
         }
       ]
     },
+    "node_modules/immer": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.1.1.tgz",
+      "integrity": "sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
     "node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -10810,6 +10843,11 @@
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
       "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
     },
+    "node_modules/reselect": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
+      "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w=="
+    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",

package.json

@@ -4,6 +4,7 @@
     "@emotion/styled": "^11.13.0",
     "@heroicons/react": "^2.1.5",
     "@mui/icons-material": "^6.0.2",
+    "@reduxjs/toolkit": "^2.2.7",
     "autoprefixer": "^10.4.19",
     "dotenv": "^16.4.5",
     "http-proxy-middleware": "^3.0.0",

redux/store.js

@@ -1,8 +1,12 @@
 // /redux/store.js
-import { createStore, applyMiddleware } from "redux";
+import { configureStore } from "@reduxjs/toolkit";
 import websocketMiddleware from "./websocketMiddleware";
 import websocketReducer from "./reducer";
 
-const store = createStore(websocketReducer, applyMiddleware(websocketMiddleware));
+// Erstelle den Store mit configureStore
+const store = configureStore({
+  reducer: websocketReducer,
+  middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(websocketMiddleware),
+});
 
 export default store;