When using setState nesting, run log setState will execute multiple times

[JiaChaoFei]

const [state, setState] = useImmer({
  count: 0,
});

const handleAdd = () => {
  setState((draft) => {
    draft.count += 1;
  });
};

const setValue = () => {
  console.log("run setValue")
  setState((draft) => {
    console.log("run setState");
    if (draft.count < 1) {
      handleAdd();
    } else {
      draft.count -= 1;
    }
  });
};

setValue();

log:
run setValue;
run setState;
run setState;

When using setState nesting, run log setState will execute multiple times

[Ashish-simpleCoder]

Hi @JiaChaoFei,
I think this might be happening in development mode only, as development mode runs the code in React.StrictMode.
So try to turn off StrictMode and test it again.

If not fixed, then you could just share the code-sandbox of your code to help you out.