Getter selector for a nested attribute?

[simon3495]

interface Data {
    nestedAttribute: {
        a: string;
        b: string;
    }
}
const store = createStore("Data")<Data>...;

What's the correct way to only subscribe to changes in nestedAttribute.a?

What's the difference between these two?

const x = repoStore.useTrackedStore().nestedAttribute.a; 
const y = repoStore.useStore.nestedAttribute.a; 

The docs are not clear on the difference: https://zustand-x.udecode.dev/#md:global-tracked-hook-selectors

[zbeyens]

See https://github.com/dai-shi/react-tracked

[simon3495]

After reading about react-tracked, I still don't know the difference between the two:

const x = repoStore.useTrackedStore().nestedAttribute.a; 
const y = repoStore.useStore.nestedAttribute.a; 

Similarities:

• They both only rerender if nestedAttribute.a changes
• ???

Differences:

• ???

[zbeyens]

I guess the difference is, with repoStore.useStore.nestedAttribute.a, the component re-renders if nestedAttribute.b is updated.