fix(deps): update dependency immutable to v5 (#1799)

* fix(deps): update dependency immutable to v5

* Updates

* Updates

* Updates

* Fix lint

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Nathan Bierema <nbierema@gmail.com>

Author: renovate[bot]

extension/package.json

@@ -66,7 +66,7 @@
     "electron": "^31.7.7",
     "esbuild": "^0.25.0",
     "globals": "^15.15.0",
-    "immutable": "^4.3.7",
+    "immutable": "^5.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "pug": "^3.0.3",

packages/map2tree/package.json

@@ -42,7 +42,7 @@
   "devDependencies": {
     "@types/jest": "^29.5.14",
     "@types/lodash-es": "^4.17.12",
-    "immutable": "^4.3.7",
+    "immutable": "^5.0.3",
     "jest": "^29.7.0",
     "rimraf": "^6.0.1",
     "ts-jest": "^29.2.6",

packages/react-json-tree/examples/package.json

@@ -19,7 +19,7 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "immutable": "^4.3.7",
+    "immutable": "^5.0.3",
     "react": "^18.3.1",
     "react-base16-styling": "workspace:^",
     "react-dom": "^18.3.1",

packages/redux-devtools-extension/package.json

@@ -29,8 +29,7 @@
     "prepublish": "pnpm run type-check && pnpm run lint"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.9",
-    "immutable": "^4.3.7"
+    "@babel/runtime": "^7.26.9"
   },
   "devDependencies": {
     "@babel/cli": "^7.26.4",

packages/redux-devtools-extension/src/index.ts

@@ -1,4 +1,3 @@
-import type Immutable from 'immutable';
 import { compose } from 'redux';
 import type { Action, ActionCreator, StoreEnhancer } from 'redux';
 
@@ -74,11 +73,11 @@ export interface EnhancerOptions {
          * Just pass the Immutable library. It will support all ImmutableJS structures. You can even export them into a file and get them back.
          * The only exception is `Record` class, for which you should pass this in addition the references to your classes in `refs`.
          */
-        immutable?: typeof Immutable;
+        immutable?: unknown;
         /**
          * ImmutableJS `Record` classes used to make possible restore its instances back when importing, persisting...
          */
-        refs?: Immutable.Record.Factory<any>[];
+        refs?: (new (data: any) => unknown)[];
       };
   /**
    * function which takes `action` object and id number as arguments, and should return `action` object back.

packages/redux-devtools-inspector-monitor-test-tab/demo/package.json

@@ -16,7 +16,7 @@
     "@redux-devtools/inspector-monitor": "workspace:^",
     "@redux-devtools/inspector-monitor-test-tab": "workspace:^",
     "@redux-devtools/ui": "workspace:^",
-    "immutable": "^4.3.7",
+    "immutable": "^5.0.3",
     "lodash.shuffle": "^4.2.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

packages/redux-devtools-inspector-monitor-test-tab/demo/src/reducers.ts

@@ -1,4 +1,11 @@
-import Immutable from 'immutable';
+import {
+  fromJS,
+  Map as ImmutableMap,
+  List,
+  Set as ImmutableSet,
+  Stack,
+  Seq,
+} from 'immutable';
 import shuffle from 'lodash.shuffle';
 import { combineReducers, Reducer } from 'redux';
 
@@ -18,17 +25,14 @@ const NESTED = {
   },
 };
 
-const IMMUTABLE_NESTED = Immutable.fromJS(NESTED) as Immutable.Map<
-  unknown,
-  unknown
->;
+const IMMUTABLE_NESTED = fromJS(NESTED) as ImmutableMap<unknown, unknown>;
 
-const IMMUTABLE_MAP = Immutable.Map({
-  map: Immutable.Map({ a: 1, b: 2, c: 3 }),
-  list: Immutable.List(['a', 'b', 'c']),
-  set: Immutable.Set(['a', 'b', 'c']),
-  stack: Immutable.Stack(['a', 'b', 'c']),
-  seq: Immutable.Seq([1, 2, 3, 4, 5, 6, 7, 8]),
+const IMMUTABLE_MAP = ImmutableMap({
+  map: ImmutableMap({ a: 1, b: 2, c: 3 }),
+  list: List(['a', 'b', 'c']),
+  set: ImmutableSet(['a', 'b', 'c']),
+  stack: Stack(['a', 'b', 'c']),
+  seq: Seq([1, 2, 3, 4, 5, 6, 7, 8]),
 });
 
 const HUGE_ARRAY = Array.from({ length: 5000 }).map((_, key) => ({

packages/redux-devtools-inspector-monitor/demo/package.json

@@ -14,7 +14,7 @@
     "@redux-devtools/core": "workspace:^",
     "@redux-devtools/dock-monitor": "workspace:^",
     "@redux-devtools/inspector-monitor": "workspace:^",
-    "immutable": "^4.3.7",
+    "immutable": "^5.0.3",
     "lodash.shuffle": "^4.2.0",
     "react": "^18.3.1",
     "react-base16-styling": "workspace:^",

packages/redux-devtools-inspector-monitor/demo/src/reducers.ts

@@ -1,4 +1,11 @@
-import Immutable from 'immutable';
+import {
+  fromJS,
+  Map as ImmutableMap,
+  List,
+  Set as ImmutableSet,
+  Stack,
+  Seq,
+} from 'immutable';
 import shuffle from 'lodash.shuffle';
 import { combineReducers, Reducer } from 'redux';
 
@@ -18,17 +25,14 @@ const NESTED = {
   },
 };
 
-const IMMUTABLE_NESTED = Immutable.fromJS(NESTED) as Immutable.Map<
-  unknown,
-  unknown
->;
+const IMMUTABLE_NESTED = fromJS(NESTED) as ImmutableMap<unknown, unknown>;
 
-const IMMUTABLE_MAP = Immutable.Map({
-  map: Immutable.Map({ a: 1, b: 2, c: 3 }),
-  list: Immutable.List(['a', 'b', 'c']),
-  set: Immutable.Set(['a', 'b', 'c']),
-  stack: Immutable.Stack(['a', 'b', 'c']),
-  seq: Immutable.Seq([1, 2, 3, 4, 5, 6, 7, 8]),
+const IMMUTABLE_MAP = ImmutableMap({
+  map: ImmutableMap({ a: 1, b: 2, c: 3 }),
+  list: List(['a', 'b', 'c']),
+  set: ImmutableSet(['a', 'b', 'c']),
+  stack: Stack(['a', 'b', 'c']),
+  seq: Seq([1, 2, 3, 4, 5, 6, 7, 8]),
 });
 
 type MapValue =

packages/redux-devtools-inspector-monitor/package.json

@@ -43,7 +43,7 @@
     "@types/lodash": "^4.17.16",
     "dateformat": "^5.0.3",
     "hex-rgba": "^1.0.2",
-    "immutable": "^4.3.7",
+    "immutable": "^5.0.3",
     "javascript-stringify": "^2.1.0",
     "jsondiffpatch": "^0.6.0",
     "lodash.debounce": "^4.0.8",

packages/redux-devtools-rtk-query-monitor/package.json

@@ -48,7 +48,7 @@
     "@redux-devtools/ui": "workspace:^",
     "@types/lodash": "^4.17.16",
     "hex-rgba": "^1.0.2",
-    "immutable": "^4.3.7",
+    "immutable": "^5.0.3",
     "lodash.debounce": "^4.0.8",
     "react-base16-styling": "workspace:^",
     "react-json-tree": "workspace:^"

packages/redux-devtools-serialize/package.json

@@ -49,13 +49,13 @@
     "@babel/preset-typescript": "^7.26.0",
     "@types/jest": "^29.5.14",
     "@types/jsan": "^3.1.5",
-    "immutable": "^4.3.7",
+    "immutable": "^5.0.3",
     "jest": "^29.7.0",
     "rimraf": "^6.0.1",
     "ts-jest": "^29.2.6",
     "typescript": "~5.7.3"
   },
   "peerDependencies": {
-    "immutable": "^4.3.7"
+    "immutable": "^5.0.3"
   }
 }

packages/redux-devtools-serialize/src/immutable/index.ts

@@ -1,5 +1,5 @@
 import jsan from 'jsan';
-import Immutable from 'immutable';
+import type Immutable from 'immutable';
 import serialize from './serialize';
 import options from '../constants/options';
 

packages/redux-devtools-serialize/src/immutable/serialize.ts

@@ -1,4 +1,5 @@
-import Immutable, { OrderedSet, Record } from 'immutable';
+import type Immutable from 'immutable';
+import { Record } from 'immutable';
 import { mark, extract, refer } from '../helpers';
 import options from '../constants/options';
 import { SerializedImmutableData } from '../types';
@@ -57,8 +58,8 @@ export default function serialize(
           return immutable.List(immutableValue.data);
         case 'ImmutableRange':
           return immutable.Range(
-            immutableValue.data._start,
-            immutableValue.data._end,
+            immutableValue.data._start!,
+            immutableValue.data._end!,
             immutableValue.data._step,
           );
         case 'ImmutableRepeat':

packages/redux-devtools-serialize/test/immutable.spec.ts

@@ -1,6 +1,8 @@
-import Immutable, { Map, OrderedMap } from 'immutable';
+import * as Immutable from 'immutable';
+import { Map, OrderedMap } from 'immutable';
 import Serialize from '../src/immutable';
 import { SerializedData } from '../src/helpers';
+
 const serialize = Serialize(Immutable);
 const stringify = serialize.stringify;
 const parse = serialize.parse;
@@ -100,7 +102,7 @@ describe('Immutable', function () {
       const scndProp = parsed.data.scnd.data.prop;
 
       expect(fstProp).toEqual(scndProp);
-      expect(Array.isArray(obj.get('fst')!.get('prop'))).toBe(true);
+      expect(Array.isArray(obj.get('fst').get('prop'))).toBe(true);
     });
   });
 

packages/redux-devtools-utils/package.json

@@ -37,7 +37,7 @@
     "@redux-devtools/serialize": "workspace:^",
     "@types/get-params": "^0.1.2",
     "get-params": "^0.1.2",
-    "immutable": "^4.3.7",
+    "immutable": "^5.0.3",
     "jsan": "^3.1.14",
     "nanoid": "^5.1.2",
     "redux": "^5.0.1"
@@ -56,7 +56,7 @@
   },
   "peerDependencies": {
     "@redux-devtools/core": "workspace:^",
-    "immutable": "^4.3.7",
+    "immutable": "^5.0.3",
     "redux": "^4.0.0 || ^5.0.0"
   }
 }

packages/redux-devtools-utils/src/importState.ts

@@ -1,7 +1,7 @@
 import jsan from 'jsan';
 import { immutableSerialize } from '@redux-devtools/serialize';
 import { Action } from 'redux';
-import Immutable from 'immutable';
+import type Immutable from 'immutable';
 import { PerformAction } from '@redux-devtools/core';
 
 interface State {

packages/redux-devtools-utils/src/index.ts

@@ -2,7 +2,7 @@ import getParams from 'get-params';
 import jsan from 'jsan';
 import { nanoid } from 'nanoid/non-secure';
 import { immutableSerialize } from '@redux-devtools/serialize';
-import Immutable from 'immutable';
+import type Immutable from 'immutable';
 import { Action, ActionCreator } from 'redux';
 
 export function generateId(id: string | undefined) {

packages/redux-devtools/examples/counter/src/store/configureStore.dev.ts

@@ -7,7 +7,7 @@ import {
   Middleware,
 } from 'redux';
 import { persistState } from '@redux-devtools/core';
-import thunk from 'redux-thunk';
+import { thunk } from 'redux-thunk';
 import rootReducer, { CounterState } from '../reducers';
 import DevTools from '../containers/DevTools';
 import { CounterAction } from '../actions/CounterActions';

packages/redux-devtools/examples/counter/src/store/configureStore.prod.ts

@@ -1,5 +1,5 @@
 import { createStore, applyMiddleware, Middleware } from 'redux';
-import thunk from 'redux-thunk';
+import { thunk } from 'redux-thunk';
 import rootReducer, { CounterState } from '../reducers';
 
 const enhancer = applyMiddleware(thunk as unknown as Middleware);