To use or not to use reactivity APIs with object syntax?

[Rolanddoda]

Can we use shallowRef, readonly, and other reactivity APIs with object syntax?

For example:

const useMyStore = defineStore('myStore', {
  state: () => ({
    backendData: shallowRef({})
  })
})

Why this doesn't work and why we shouldn't do that?