front: disable immutableCheck

front/src/store/index.ts

@@ -31,6 +31,13 @@ const store = configureStore({
   middleware: (getDefaultMiddleware) =>
     getDefaultMiddleware({
       serializableCheck: false,
+      // The following line disables the detection of immutability across the entire Redux state.
+      // Immutability detection can be time-consuming, especially for large stores
+      // and can show warning message : "ImmutableStateInvariantMiddleware took xms, which is more than the warning threshold of 32ms."
+      // Since we use RTK, which incorporates Immer for managing our store slices,
+      // this check is not really necessary since Immer has already ensured the store immutability.
+      // Disabling this feature improve performance. https://github.com/reduxjs/redux-toolkit/issues/415
+      immutableCheck: false,
       thunk: {
         extraArgument: ChartSynchronizer.getInstance(),
       },