chore: update redux-devtools-extension to @redux-devtools/extension@3.0.0

package-lock.json

@@ -20,6 +20,7 @@
         "@openedx/frontend-slot-footer": "^1.0.2",
         "@openedx/paragon": "21.11.3",
         "@redux-beacon/segment": "^1.1.0",
+        "@redux-devtools/extension": "3.0.0",
         "@reduxjs/toolkit": "^1.6.1",
         "@testing-library/user-event": "^14.0.0",
         "@zip.js/zip.js": "^2.4.6",
@@ -48,7 +49,6 @@
         "react-router-redux": "^5.0.0-alpha.9",
         "redux": "4.2.1",
         "redux-beacon": "^2.1.0",
-        "redux-devtools-extension": "2.13.9",
         "redux-logger": "3.0.6",
         "redux-thunk": "2.4.2",
         "regenerator-runtime": "^0.14.0",
@@ -4308,6 +4308,14 @@
         "redux-beacon": "2.x"
       }
     },
+    "node_modules/@redux-devtools/extension": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@redux-devtools/extension/-/extension-3.0.0.tgz",
+      "integrity": "sha512-oWFp1zIiqn8H/AbFw+pJnM3b2YKdRSzB+NycomEuMgxYPcn46iiIN/RJ4TucXfI8CR8QRbWpiBrAXSwY6GC92A==",
+      "peerDependencies": {
+        "redux": "^3.1.0 || ^4.0.0"
+      }
+    },
     "node_modules/@reduxjs/toolkit": {
       "version": "1.9.7",
       "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-1.9.7.tgz",
@@ -19871,15 +19879,6 @@
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.1.tgz",
       "integrity": "sha512-Ylfqm/V1V/VKGazsJeRDZ31wV9gdNeK3ZsvwbYBAVSNgH8o8CMLfdx/ofn9pnMVsvTMfvC3yfcBYzGpD1vxnlw=="
     },
-    "node_modules/redux-devtools-extension": {
-      "version": "2.13.9",
-      "resolved": "https://registry.npmjs.org/redux-devtools-extension/-/redux-devtools-extension-2.13.9.tgz",
-      "integrity": "sha512-cNJ8Q/EtjhQaZ71c8I9+BPySIBVEKssbPpskBfsXqb8HJ002A3KRVHfeRzwRo6mGPqsm7XuHTqNSNeS1Khig0A==",
-      "deprecated": "Package moved to @redux-devtools/extension.",
-      "peerDependencies": {
-        "redux": "^3.1.0 || ^4.0.0"
-      }
-    },
     "node_modules/redux-logger": {
       "version": "3.0.6",
       "resolved": "https://registry.npmjs.org/redux-logger/-/redux-logger-3.0.6.tgz",

package.json

@@ -63,7 +63,7 @@
     "react-router-redux": "^5.0.0-alpha.9",
     "redux": "4.2.1",
     "redux-beacon": "^2.1.0",
-    "redux-devtools-extension": "2.13.9",
+    "@redux-devtools/extension": "3.0.0",
     "redux-logger": "3.0.6",
     "redux-thunk": "2.4.2",
     "regenerator-runtime": "^0.14.0",

src/data/store.js

@@ -1,6 +1,6 @@
 import * as redux from 'redux';
 import thunkMiddleware from 'redux-thunk';
-import { composeWithDevTools } from 'redux-devtools-extension/logOnlyInProduction';
+import { composeWithDevTools } from '@redux-devtools/extension';
 import { createLogger } from 'redux-logger';
 
 import apiTestUtils from 'data/services/lms/fakeData/testUtils';

src/data/store.test.js

@@ -1,6 +1,6 @@
 import { applyMiddleware } from 'redux';
 import thunkMiddleware from 'redux-thunk';
-import { composeWithDevTools } from 'redux-devtools-extension/logOnlyInProduction';
+import { composeWithDevTools } from '@redux-devtools/extension';
 import { createLogger } from 'redux-logger';
 
 import rootReducer, { actions, selectors } from 'data/redux';
@@ -22,7 +22,7 @@ jest.mock('redux', () => ({
   applyMiddleware: (...middleware) => ({ applied: middleware }),
   createStore: (reducer, middleware) => ({ reducer, middleware }),
 }));
-jest.mock('redux-devtools-extension/logOnlyInProduction', () => ({
+jest.mock('@redux-devtools/extension', () => ({
   composeWithDevTools: (middleware) => ({ withDevTools: middleware }),
 }));