reactive works while ref not work in pinia setup mode

[systemview2018]

Reproduction

1

Steps to reproduce the bug

const nickname = ref('')
const menuList = reactive([])
in vue file,use {nickname, menuList} = store.
the nickname will be always the first value, but the menulist can be reactivity.

Expected behavior

both can be reactivity

Actual behavior

the nickname will be always the first value, but the menulist can be reactivity.

Additional information

No response

[posva]

This is because nickname is a primitive while menuList is an object. Object retains reactivity. Note you can directly use store.anything and that will retain reactivity. Or you can use storeToRefs() or toRef() too if you need to pass that data piece around.

[systemview2018]

I tested with const tttt = ref([]) and it does not work with const {tttt} = store.
It seems that only reactive works.

I am afraid of this beacause it may change in future, then I can not use reactive again.

[posva]

Don't restructure from the store if you want to keep reactivity. I recommend you to read the documentation for Pinia's Core Concepts and the reactivity fundamentals of Vue