From 0bd2f9fce48c9ed9902e7135e67cd1ef366e3e33 Mon Sep 17 00:00:00 2001
From: Danilo Britto <dbritto.dev@gmail.com>
Date: Sun, 22 Sep 2024 18:12:10 -0500
Subject: [PATCH] Update Zustand code example

---
 docs/xstate-store.mdx | 27 +++++++--------------------
 1 file changed, 7 insertions(+), 20 deletions(-)

diff --git a/docs/xstate-store.mdx b/docs/xstate-store.mdx
index b80d949a..4ece95a7 100644
--- a/docs/xstate-store.mdx
+++ b/docs/xstate-store.mdx
@@ -519,27 +519,14 @@ This section compares XState Store to other popular state management libraries i
 
 ```ts
 import { create } from 'zustand';
+import { combine } from 'zustand/middleware'
 
-type State = {
-  count: number;
-};
-
-type Actions = {
-  increment: (qty: number) => void;
-  decrement: (qty: number) => void;
-};
-
-const useCountStore = create<State & Actions>((set) => ({
-  count: 0,
-  increment: (qty: number) =>
-    set((state) => ({
-      count: state.count + qty,
-    })),
-  decrement: (qty: number) =>
-    set((state) => ({
-      count: state.count - qty,
-    })),
-}));
+const useCountStore = create(
+  combine({ count: 0 }, (set) => ({
+    increment: (qty: number) => set((state) => ({ count: state.count + qty })),
+    decrement: (qty: number) => set((state) => ({ count: state.count - qty })),
+  })),
+);
 
 const Component = () => {
   const count = useCountStore((state) => state.count);