fix(hook): sequential updater calls operate on latest state (#7)

src/index.ts

@@ -81,13 +81,12 @@ function useMutative<
     return options?.enablePatches ? [initialState, [], []] : initialState;
   });
   const updateState = useCallback((updater: any) => {
-    const currentState = options?.enablePatches ? state[0] : state;
-    if (typeof updater === 'function') {
-      setState(create(currentState, updater, options));
-    } else {
-      setState(create(currentState, () => updater, options));
-    }
-  }, [state]);
+    setState((latest: any) => {
+      const currentState = options?.enablePatches ? latest[0] : latest;
+      const updaterFn = typeof updater === 'function' ? updater : () => updater;
+      return create(currentState, updaterFn, options);
+    });
+  }, []);
   return (
     options?.enablePatches
       ? [state[0], updateState, state[1], state[2]]

test/index.test.ts

@@ -80,6 +80,27 @@ describe('useMutative', () => {
     expect(state2).toEqual({ items: [1, 2] });
   });
 
+  it('[useMutative] with multiple updates', () => {
+    const { result } = renderHook(() =>
+      useMutative({
+        items: [1],
+      })
+    );
+
+    const [state, setState] = result.current;
+    act(() => {
+      setState((draft) => {
+        draft.items.push(2);
+      });
+
+      setState((draft) => {
+        draft.items.push(3);
+      });
+    });
+    const [nextState] = result.current;
+    expect(nextState).toEqual({ items: [1, 2, 3] });
+  });
+
   it('[useMutative] with patches', () => {
     const { result } = renderHook(() =>
       useMutative(