$inspect detects change in state but $effect() doesn't

[Keshav-writes-code]

so, i have a state which is an array of objects.
when the state gets mutated, it's detected by $inpect() block but not by $effect() block

• only re assignments get detected in $effect block
• if i change a property on any of the deeply nested object of the array, it only get shown in console by the $inspect() but not the $effect() block.

Demo
Here

not sure if it $effect only triggers if the code inside the block actually does some sort of access to that particullar property of the object like mapping over each element of the array, etc.

[webJose]

Effects only run when read signals change. Your demo only reads the top-level signal. In the effect, read the entire tree like this:

$state.snapshot(file_tree);

If you want to know in more detail how effects work, read my blog article: Svelte Reactivity: Let's Talk About $Effects

[Keshav-writes-code]

thanks!