recommend way to deep merge state inside set function

[lili21]

import create from 'zustand';

const useStore = create(set => ({
  test: { name: 'lili', age: 10 },
  update: () => set({ test: { age: 11 }})
})

the expected result state is test: { name: 'lili', age: 11}。

[dai-shi]

quick answer:

1. merge it on your own: set(state => ({ test: { ...state.test, age: 11 } }))
2. use immer produce or middleware
3. (prefer valtio 🤫 )