updating a member inside another member inside an array inside a store using an index

o/ so i have data structured as follows, which is inside a store:

{
    actions: [ 
        {
             data: {...}
        }
    ]
}

{
    actions: [ 
        {
             data: {...}
        }
    ]
}

{
    actions: [ 
        {
             data: {...}
        }
    ]
}

{
    actions: [ 
        {
             data: {...}
        }
    ]
}

when i do this:

setStore(
    "actions",
    i.index,
    "data",
    block.data
)

setStore(
    "actions",
    i.index,
    "data",
    block.data
)

setStore(
    "actions",
    i.index,
    "data",
    block.data
)

setStore(
    "actions",
    i.index,
    "data",
    block.data
)

modifying works fine. but i have an effect subscribed to it

    createEffect(() => {
        console.log(store)
        console.log(store.actions)
    })

    createEffect(() => {
        console.log(store)
        console.log(store.actions)
    })

    createEffect(() => {
        console.log(store)
        console.log(store.actions)
    })

    createEffect(() => {
        console.log(store)
        console.log(store.actions)
    })

this doesn't get re-triggered when the

data

data

data

data changes. any idea?