redux-toolkit: RangeError: Maximum call stack size exceeded at Array.map

Hello,

New to Redux toolkit here. The following error generated in my terminal was encountered when initializing a project with “npx create-react-app --template redux” or when I followed the quick start guide.

Seems anyway I approach using Redux toolkit right now, I am running into the following error.

Failed to compile.

RangeError: /Users/michaeltran/side-projects/testapp/node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js: Maximum call stack size exceeded
    at Array.map (<anonymous>)
    at Array.map (<anonymous>)
    at Array.map (<anonymous>)
assets by path static/ 1.65 MiB
  asset static/js/bundle.js 1.65 MiB [emitted] (name: main) 1 related asset
  asset static/media/logo.b2e5a01e505f739f1484b881277d5186.svg 1.1 KiB [emitted] (auxiliary name: main)
asset index.html 1.68 KiB [emitted]
asset asset-manifest.json 278 bytes [emitted]
cached modules 1.49 MiB [cached] 151 modules
runtime modules 28.1 KiB 13 modules
./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js 39 bytes [built] [1 error]

ERROR in ./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
RangeError: /Users/michaeltran/side-projects/testapp/node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js: Maximum call stack size exceeded
    at Object.decode (/Users/michaeltran/side-projects/testapp/node_modules/@jridgewell/sourcemap-codec/dist/sourcemap-codec.umd.js:36:20)
    at new TraceMap (/Users/michaeltran/side-projects/testapp/node_modules/@jridgewell/trace-mapping/dist/trace-mapping.umd.js:187:48)
    at /Users/michaeltran/side-projects/testapp/node_modules/@ampproject/remapping/dist/remapping.umd.js:230:26
    at Array.map (<anonymous>)
    at build (/Users/michaeltran/side-projects/testapp/node_modules/@ampproject/remapping/dist/remapping.umd.js:206:42)
    at /Users/michaeltran/side-projects/testapp/node_modules/@ampproject/remapping/dist/remapping.umd.js:230:20
    at Array.map (<anonymous>)
    at build (/Users/michaeltran/side-projects/testapp/node_modules/@ampproject/remapping/dist/remapping.umd.js:206:42)
    at /Users/michaeltran/side-projects/testapp/node_modules/@ampproject/remapping/dist/remapping.umd.js:230:20
    at Array.map (<anonymous>)
 @ ./src/app/store.js 3:0-50 5:21-35
 @ ./src/index.js 8:0-36 14:11-16

webpack 5.69.0 compiled with 1 error in 7247 ms

About this issue

  • Original URL
  • State: closed
  • Created 2 years ago
  • Reactions: 8
  • Comments: 15 (4 by maintainers)

Most upvoted comments

Pinning "@babel/core" down to "7.17.2" seems to solve the problem for me. Time to open a ticket I guess?

+6
phryneas on Feb 15, 2022

Because of the above, running npm update @babel/core in react root folder fixes the issue.

+4
richwblake on Feb 16, 2022

This seems due to a dependency of a dependency that updated today. I’m still trying to track it down.

These are the candidates I have identified to be updated today:

2022-02-15T01:11:27.236Z express@4.17.2
2022-02-15T03:17:32.906Z raw-body@2.4.2
2022-02-15T05:46:52.865Z char-regex@1.0.2
2022-02-15T05:46:52.865Z char-regex@2.0.1
2022-02-15T07:02:31.875Z electron-to-chromium@1.4.71
2022-02-15T11:13:23.657Z sass-loader@12.6.0
2022-02-15T11:24:51.801Z stringify-object@3.3.0
2022-02-15T12:34:15.579Z webpack@5.69.0
2022-02-15T13:17:45.001Z eslint-plugin-jest@25.7.0
2022-02-15T15:44:21.024Z @babel/plugin-proposal-object-rest-spread@7.17.3
2022-02-15T15:44:21.223Z @babel/parser@7.17.3
2022-02-15T15:44:21.340Z @babel/generator@7.17.3
2022-02-15T15:44:23.739Z @babel/plugin-transform-react-jsx@7.17.3
2022-02-15T15:44:24.949Z @babel/plugin-transform-destructuring@7.17.3
2022-02-15T15:44:29.593Z @babel/traverse@7.17.3
2022-02-15T15:44:32.891Z @babel/core@7.17.3
2022-02-15T16:50:05.010Z minimatch@3.0.4
2022-02-15T16:50:05.010Z minimatch@3.1.1
2022-02-15T17:44:41.574Z tslib@1.14.1
2022-02-15T17:44:41.574Z tslib@2.3.1
2022-02-15T17:44:41.574Z tslib@2.3.1
2022-02-15T17:44:41.574Z tslib@2.3.1
2022-02-15T17:44:41.574Z tslib@2.3.1
2022-02-15T17:44:41.574Z tslib@2.3.1
2022-02-15T17:44:41.574Z tslib@2.3.1
2022-02-15T18:46:02.235Z tailwindcss@3.0.22
2022-02-15T19:01:36.756Z @csstools/postcss-progressive-custom-properties@1.1.0
2022-02-15T19:03:37.239Z postcss-lab-function@4.1.0
2022-02-15T19:05:20.030Z postcss-double-position-gradients@3.0.5
+2
phryneas on Feb 15, 2022

I also encounter the same issues here.

My package.json

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@ant-design/icons": "^4.7.0",
    "@craco/craco": "^6.4.2",
    "@fortawesome/fontawesome-svg-core": "^1.2.36",
    "@fortawesome/free-brands-svg-icons": "^5.15.4",
    "@fortawesome/free-solid-svg-icons": "^5.15.4",
    "@fortawesome/react-fontawesome": "^0.1.16",
    "@reduxjs/toolkit": "^1.7.2",
    "@testing-library/jest-dom": "^5.14.s1",
    "@testing-library/react": "^12.0.0",
    "@testing-library/user-event": "^13.2.1",
    "@types/jest": "^27.0.1",
    "@types/node": "^17.0.10",
    "@types/react": "^17.0.20",
    "@types/react-dom": "^17.0.9",
    "@types/react-redux": "^7.1.22",
    "antd": "^4.18.0",
    "axios": "^0.24.0",
    "babel-plugin-import": "^1.13.3",
    "craco-less": "^2.0.0",
    "customize-cra": "^1.0.0-alpha.0",
    "dotenv": "^10.0.0",
    "formik": "^2.2.9",
    "i18next": "^21.6.4",
    "i18next-browser-languagedetector": "^6.1.2",
    "less": "^4.1.2",
    "less-loader": "5.0.0",
    "lodash": "^4.17.21",
    "luxon": "^2.3.0",
    "moment": "^2.29.1",
    "normalizr": "^3.6.1",
    "query-string": "^7.1.0",
    "react": "^17.0.2",
    "react-dnd": "^14.0.5",
    "react-dnd-html5-backend": "^14.1.0",
    "react-dom": "^17.0.2",
    "react-highlight-words": "^0.17.0",
    "react-i18next": "^11.15.2",
    "react-quill": "^1.3.5",
    "react-redux": "^7.2.6",
    "react-router-dom": "^6.2.1",
    "react-scripts": "5.0.0",
    "react-toastify": "^8.1.0",
    "recoil": "^0.5.2",
    "sass": "^1.47.0",
    "typescript": "^4.4.2",
    "web-vitals": "^2.1.0"
  },
  "scripts": {
    "start": "craco start",
    "build": "craco build",
    "test": "craco test",
    "start-server": "json-server --watch ./fake_json_server/db.json --port 3001 --delay 2000",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "packageManager": "yarn@3.1.1",
  "devDependencies": {
    "@types/lodash": "^4.14.178",
    "@types/luxon": "^2.0.9",
    "file-loader": "^6.2.0",
    "uuid": "^8.3.2"
  }
}

and the error when starting the project:

ERROR in ./node_modules/@reduxjs/toolkit/dist/query/react/rtk-query-react.esm.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
RangeError: /home/consigliere/WebstormProjects/lms/frontend/node_modules/@reduxjs/toolkit/dist/query/react/rtk-query-react.esm.js: Maximum call stack size exceeded
    at new TraceMap (/home/consigliere/WebstormProjects/lms/frontend/node_modules/@jridgewell/trace-mapping/dist/trace-mapping.umd.js:166:20)
    at /home/consigliere/WebstormProjects/lms/frontend/node_modules/@ampproject/remapping/dist/remapping.umd.js:230:26
    at Array.map (<anonymous>)
    at build (/home/consigliere/WebstormProjects/lms/frontend/node_modules/@ampproject/remapping/dist/remapping.umd.js:206:42)
    at /home/consigliere/WebstormProjects/lms/frontend/node_modules/@ampproject/remapping/dist/remapping.umd.js:230:20
    at Array.map (<anonymous>)
    at build (/home/consigliere/WebstormProjects/lms/frontend/node_modules/@ampproject/remapping/dist/remapping.umd.js:206:42)
    at /home/consigliere/WebstormProjects/lms/frontend/node_modules/@ampproject/remapping/dist/remapping.umd.js:230:20
    at Array.map (<anonymous>)
    at build (/home/consigliere/WebstormProjects/lms/frontend/node_modules/@ampproject/remapping/dist/remapping.umd.js:206:42)
 @ ./src/redux/features/CentralAPI.ts 3:0-73 16:24-33 18:13-27
 @ ./src/redux/store/store.ts 5:0-50 10:41-60
 @ ./src/index.tsx 20:0-44 49:11-16

ERROR in ./node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
RangeError: /home/consigliere/WebstormProjects/lms/frontend/node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js: Maximum call stack size exceeded
    at Array.map (<anonymous>)
    at new TraceMap (/home/consigliere/WebstormProjects/lms/frontend/node_modules/@jridgewell/trace-mapping/dist/trace-mapping.umd.js:182:48)
    at /home/consigliere/WebstormProjects/lms/frontend/node_modules/@ampproject/remapping/dist/remapping.umd.js:230:26
    at Array.map (<anonymous>)
    at build (/home/consigliere/WebstormProjects/lms/frontend/node_modules/@ampproject/remapping/dist/remapping.umd.js:206:42)
    at /home/consigliere/WebstormProjects/lms/frontend/node_modules/@ampproject/remapping/dist/remapping.umd.js:230:20
    at Array.map (<anonymous>)
    at build (/home/consigliere/WebstormProjects/lms/frontend/node_modules/@ampproject/remapping/dist/remapping.umd.js:206:42)
    at /home/consigliere/WebstormProjects/lms/frontend/node_modules/@ampproject/remapping/dist/remapping.umd.js:230:20
    at Array.map (<anonymous>)
 @ ./src/redux/store/store.ts 3:0-50 7:21-35
 @ ./src/index.tsx 20:0-44 49:11-16

webpack 5.69.0 compiled with 2 errors and 1 warning in 38213 ms
ERROR in src/index.tsx:18:13
TS2345: Argument of type 'IconPack' is not assignable to parameter of type 'IconDefinitionOrPack'.
  Type 'IconPack' is missing the following properties from type 'IconDefinition': icon, prefix, iconName
    16 | import 'react-quill/dist/quill.bubble.css'
    17 |
  > 18 | library.add(fab, faCheckSquare, faCoffee,faSchool, faCommentSlash)
       |             ^^^
    19 | console.log("PROCESS ENV IS: ",process.env.REACT_APP_BASE_URL);
    20 |
    21 |
+2
ThinhNguyenHoang on Feb 15, 2022

https://github.com/michaelhtran120/react-app-redux-toolkit

I made no changes to the files after running "npx create-react-app _appname_ --template redux"

+2
michaelhtran120 on Feb 15, 2022

The upstream Babel issue has been fixed in 7.17.4.

+1
JLHwung on Feb 15, 2022
Read more comments on GitHub
← redux-toolkit: [question] - invalidate a result in cache when using "merge"
redux-toolkit: [RED-16] Slow intellisense in VSCode →