Maximum call stack size exceeded Error when trying to load models

Client
1

I tried to update my application to A12 2022.06 LTS. When I load an overview activity. It’s called Activity/LOAD_DATA, then Client engine try to load models (overview models, document models).
The problem when call StoreSagas.waitForStateChange(modelsLoaded(modelDescriptors)), the console log the error tre with message: Maximum call stack size exceeded. I cannot go further to debug why it is. Can anyone help me?

// @com.mgmtp.a12.client/client-core/src/core/application/internal/adapter/createDataProviderForDataLoader.ts
const models = yield* call(() =>
				StoreSagas.waitForStateChange(modelsLoaded(modelDescriptors))
			);
2

Seems like only happens in dev environment, when I build with production mode - it worked fine. webpack version 5.67.0, webpack-dev-server 4.7.3.
The strange thing is, turn off the console tab (when use inspect the page Cmd Shift I with Mac, F12 with Windows), the error completely gone.

3

Okay, the reason is redux-devtools configuration. We need the solution exactly the same example app provide.