App becomes unresponsive when using redux devtools

[tillganster]

Bug Description

I recently update my application to react 18 and afterwards I ran into issues when using redux devtools.

I have a Hostapplication which loads some internal react components which are distributed as npm package. Zustand is integrated in the same version in both the component package and also in the host application. As I wrote I am currently migrating to more recent versions of some packages. After only upgrading the host everything worked fine. After upgrading the component package to the same package I ran into issues.

As of the breaking changes i did not migrate to zustand v5 yet. Currently I am using zustand 4.5.2. After some profiling and debugging I found the root cause of the performance problem. Every set state to a zustand store took several seconds. In the chrome profile I could detect a long line of recursing calls to a function coming from redux devtools bundle (see screenshot). After removing redux-devtools (either as chrome extension or as middleware from zustand, everything works perfectly fine. Are you aware of such an issue ?

Reproduction Link

Hard To reporoduce this setup.

[dai-shi]

No, I'm not aware of it. Is it just slow, not an infinite loop?