Update deps for TodoMVC React example

statelyai · Jan 23, 2024 · 43fc63b · 43fc63b
1 parent 04d22fe
commit 43fc63b
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 12 deletions.
diff --git a/examples/todomvc-react/package.json b/examples/todomvc-react/package.json
@@ -12,7 +12,7 @@
     "react-dom": "^17.0.2",
     "todomvc-app-css": "^2.4.3",
     "todomvc-common": "^1.0.5",
-    "xstate": "^5.4.1"
+    "xstate": "^5.5.1"
   },
   "devDependencies": {
     "@types/react": "^17.0.73",

diff --git a/examples/todomvc-react/pnpm-lock.yaml b/examples/todomvc-react/pnpm-lock.yaml
diff --git a/examples/todomvc-react/src/todosMachine.ts b/examples/todomvc-react/src/todosMachine.ts
@@ -1,4 +1,4 @@
-import { assign, createMachine } from 'xstate';
+import { assign, setup } from 'xstate';
 
 export interface TodoItem {
   id: string;
@@ -8,8 +8,7 @@ export interface TodoItem {
 
 export type TodosFilter = 'all' | 'active' | 'completed';
 
-export const todosMachine = createMachine({
-  id: 'todos',
+export const todosMachine = setup({
   types: {} as {
     context: {
       todo: string;
@@ -25,7 +24,9 @@ export const todosMachine = createMachine({
       | { type: 'todo.mark'; id: string; mark: 'active' | 'completed' }
       | { type: 'todo.markAll'; mark: 'active' | 'completed' }
       | { type: 'todos.clearCompleted' };
-  },
+  }
+}).createMachine({
+  id: 'todos',
   context: {
     todo: '',
     todos: [