Calling a store method from another store method does not update the state

[vcardins]

I'm trying to call a store internal method to update some state values but it doesn't and the component is not re-rendered. On the other hand, if I update the state directly (I'm using immer) it works. What am I doing wrong?

[dai-shi]

I think mixing normal update and immer update causes the problem. It should work without immer middleware.

[vcardins]

immer is crucial for my project once I'm migrating some cold that "mutate" the state. Any idea on how I can achieve it still using immer?

[vcardins]

I found #307, which is having the same issue.

[charkour]

 What if you replace get().setShow(false) to state.setShow(false)?

[vcardins]

Same thing

[charkour]

Oh, looking through the code, because you have state in scope of the callback, get().setShow() is likely modifying the current state object and not the local state value in your callback you're returning which is why the second version works but not the first.

Try this:

resetSearch: () => set((state) => { 
  state.setShow(false)
  return { items: [] }
})


// Or more simply
resetSearch: () => set({ items: [], isShowing: false })