Unintentional use of produce can cause infinite loop #661

IMPORTANT: If you have a question or an idea for a new feature use Github Discussions instead

Hey, I am not sure if this is a bug or just some un/expected behaviour, so I keep in here for now.

Describe the bug

This code causes Maximum call stack size exceeded.

https://playground.solidjs.com/?hash=708751962&version=1.1.1

While if I use the line below, it is fine setStore('items', (items) => [...items, ref_]);

To Reproduce
https://playground.solidjs.com/?hash=708751962&version=1.1.1

Expected behavior
The it should not cause Maximum call stack size exceeded and ideally produce should behave the same way with spreading.

Reproduction
https://playground.solidjs.com/?hash=708751962&version=1.1.1

Additional context
Not sure if store.items.length causes the component to re-render then subsequently cause createEffect to re-trigger and add more into store.items then subsequently cause re-render, which produce an infinite loop.