When I tried to turn on the immutableCheck
in my project like this:
import { configureStore } from "@reduxjs/toolkit";
import rootReducer from "@/redux/reducer/combineReducer";
const initialState: any = {};
const store = configureStore({
reducer: rootReducer,
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware({
immutableCheck: true,
serializableCheck: false,
}),
devTools: process.env.NODE_ENV !== "production",
preloadedState: initialState,
});
export default store;
the immutableCheck
was changed from false to true. And the project shows error:
Unexpected Application Error!
Maximum call stack size exceeded
RangeError: Maximum call stack size exceeded
at new Set (<anonymous>)
at trackProperties (http://192.168.10.106:3003/node_modules/.vite/deps/@reduxjs_toolkit.js?v=3796f8d7:1631:106)
at trackProperties (http://192.168.10.106:3003/node_modules/.vite/deps/@reduxjs_toolkit.js?v=3796f8d7:1643:31)
at trackProperties (http://192.168.10.106:3003/node_modules/.vite/deps/@reduxjs_toolkit.js?v=3796f8d7:1643:31)
at trackProperties (http://192.168.10.106:3003/node_modules/.vite/deps/@reduxjs_toolkit.js?v=3796f8d7:1643:31)
at trackProperties (http://192.168.10.106:3003/node_modules/.vite/deps/@reduxjs_toolkit.js?v=3796f8d7:1643:31)
at trackProperties (http://192.168.10.106:3003/node_modules/.vite/deps/@reduxjs_toolkit.js?v=3796f8d7:1643:31)
at trackProperties (http://192.168.10.106:3003/node_modules/.vite/deps/@reduxjs_toolkit.js?v=3796f8d7:1643:31)
at trackProperties (http://192.168.10.106:3003/node_modules/.vite/deps/@reduxjs_toolkit.js?v=3796f8d7:1643:31)
at trackProperties (http://192.168.10.106:3003/node_modules/.vite/deps/@reduxjs_toolkit.js?v=3796f8d7:1643:31)
💿 Hey developer 👋
You can provide a way better UX than this when your app throws errors by providing your own ErrorBoundary or errorElement prop on your route.
how can I found where is going into this issue?