which way better to use object value as hook's deps?

[lamualfa]

declaring the state & snap

const state = useConstant(() => proxy({
  user: {
    name: 'lorem',
    email: 'ipsum'
  }
}))
const snap = useSnapshot(state)

1. passing the entire snap

useEffect(() => {
  console.log(state.user)
}, [snap])

2. passing the specific field of the snap

useEffect(() => {
  console.log(state.user)
}, [snap.user])

3. passing the specific value of the snap.user

useEffect(() => {
  console.log(state.user)
}, [snap.user.name, snap.user.email])

[dai-shi]

The third one is most preferred.
deps (and memo) is very tricky for valtio. The safest way is to use only non-object values such as strings and numbers.