Signal containing object need a copy to update value

[SonOfSkywalker]

Hello,

First of all, thank you for your great work on this repo, it simplifies my code and my development work so much.

However, I encountered a problem when using signals. Unless I'm mistaken, it's not possible to update the value of an object stored in a signal without making a copy.

Example:

const data = signal({
    id: 4,
    name: "John",
    surname: "Doe",
    age: 32,
});

// won't trigger a re-render
data.value.age = 33;

// will trigger a re-render
data.value = {
    ...data.value,
    age: 33,
};

This isn't an issue for very small objects, but the performance of my application quickly degrades when I have larger objects (dict with ~100 keys): I therefore had to separate my object into several signals, but this results in rather messy code.

Is there a way to solve this problem?

Many thanks

[JoviDeCroock]

You could do something along the lines of deeply setting the object to be a signal, I know there are already libs like https://github.com/luisherranz/deepsignal

[SonOfSkywalker]

Thank you ! I will look into it

[XantreDev]

I've ported full vue deep reactivity tracking for preact signals: preact-signals/utils

[rschristian]

Going to close this out, I don't think there's anything here that we need to address.