Immer JS doesn't work with svelte runes about svelte HOT 5 CLOSED

To narrow this down more, if you simplify the code to do NOTHING.

const result = produce(appState, (draft) => {
            console.log("woah")
        });

You will still get an error

'getOwnPropertyDescriptor' on proxy: trap returned descriptor for property 'todos' that is incompatible with the existing property in the proxy target
    at Function.entries (<anonymous>)
    at freeze (immer.js?v=7cbabef2:168:12)
    at maybeFreeze (immer.js?v=7cbabef2:333:5)
    at finalize (immer.js?v=7cbabef2:277:5)
    at processResult (immer.js?v=7cbabef2:255:14)
    at Immer2.produce (immer.js?v=7cbabef2:551:16)
    at HTMLButtonElement.onClick (+page.svelte:23:24)
    at next (chunk-33KSVKAN.js?v=7cbabef2:346:14)
    at chunk-33KSVKAN.js?v=7cbabef2:358:25
    at yield_updates (chunk-7ZZEPC7R.js?v=7cbabef2:1868:12)

This does not happen if you remove $state and make it a raw object

from svelte.

Looks like the solution is to use $state.snapshot per the docs.

const result = produce($state.snapshot(appState), (draft) => {
    console.log("woah")
});

You can close this unless action needs to be taken here

from svelte.

Since immer is designed to handle immutable state, another possibility would be $state.frozen, but it likely wouldn't work when trying to mutate top level properties of the object because it's frozen. Mhm..

from svelte.

It works with frozen, the whole point of immer is to never modify objects at all but to replace them if anything changes.

from svelte.

Oh right, they're doing a proxy themselves etc.

Yeah, $state.frozen is the way then - closing since there are ways to solve this.

from svelte.