Subscribe to any unknown store change

Hi. Is there a way to subscribe to a store change in unknown property?
I have a store:

type StoreValue = Record<string, number>;

 const [store, setStore] = createStore<StoreValue>({
    a: 0,
    b: 0,
  });

type StoreValue = Record<string, number>;

 const [store, setStore] = createStore<StoreValue>({
    a: 0,
    b: 0,
  });

And sometimes I modify it

      <button type="button" onClick={() => setStore("a", undefined)}>
        setStore("a", undefined)
      </button>

      <button type="button" onClick={() => setStore("a", undefined)}>
        setStore("a", undefined)
      </button>

And I want to render it's unwrapped value on each change (and I don't know the change upfront)

<div>
        ⚠️ store - not updating because store is not reactive - only its values:{" "}
        {JSON.stringify(unwrap(store))}
      </div>

<div>
        ⚠️ store - not updating because store is not reactive - only its values:{" "}
        {JSON.stringify(unwrap(store))}
      </div>

How to make the store value reactive to unknown changes?

SolidJS•4y ago•

38 replies

Hi. Is there a way to subscribe to a store change in unknown property?
I have a store:

type StoreValue = Record<string, number>;

 const [store, setStore] = createStore<StoreValue>({
    a: 0,
    b: 0,
  });

type StoreValue = Record<string, number>;

 const [store, setStore] = createStore<StoreValue>({
    a: 0,
    b: 0,
  });

And sometimes I modify it

      <button type="button" onClick={() => setStore("a", undefined)}>
        setStore("a", undefined)
      </button>

      <button type="button" onClick={() => setStore("a", undefined)}>
        setStore("a", undefined)
      </button>

And I want to render it's unwrapped value on each change (and I don't know the change upfront)

<div>
        ⚠️ store - not updating because store is not reactive - only its values:{" "}
        {JSON.stringify(unwrap(store))}
      </div>

<div>
        ⚠️ store - not updating because store is not reactive - only its values:{" "}
        {JSON.stringify(unwrap(store))}
      </div>

How to make the store value reactive to unknown changes?