Minor fixes to todomvc-react example.

statelyai · Dec 10, 2023 · 6501518 · 6501518
1 parent 202de6c
commit 6501518
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 14 deletions.
diff --git a/examples/todomvc-react/package.json b/examples/todomvc-react/package.json
@@ -1,12 +1,12 @@
 {
   "name": "todomvc-react",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@xstate/react": "beta",
+    "@xstate/react": "^4.0.0",
     "classnames": "^2.3.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

diff --git a/examples/todomvc-react/pnpm-lock.yaml b/examples/todomvc-react/pnpm-lock.yaml
diff --git a/examples/todomvc-react/readme.md b/examples/todomvc-react/readme.md
@@ -7,6 +7,20 @@ This is an implementation of [TodoMVC](https://todomvc.com/) built with:
 - TypeScript
 - Vite
 
-## [Open in CodeSandbox](https://codesandbox.io/p/sandbox/github/statelyai/xstate/tree/main/examples/todomvc-react)
+## How to run
+
+You may run the example locally with:
+
+```shell
+    cd examples/todomvc-react
+    pnpm install
+    pnpm run dev
+```
+
+__OR__
+
+[Open in CodeSandbox](https://codesandbox.io/p/sandbox/github/statelyai/xstate/tree/main/examples/todomvc-react)
+
+__OR__
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/statelyai/xstate/tree/main/examples/todomvc-react)
diff --git a/examples/todomvc-react/src/Todos.tsx b/examples/todomvc-react/src/Todos.tsx
@@ -29,7 +29,7 @@ export function Todos() {
     todosActorRef.subscribe(() => {
       localStorage.setItem(
         'todos',
-        JSON.stringify(todosActorRef.getPersistedState?.())
+        JSON.stringify(todosActorRef.getPersistedSnapshot?.())
       );
     });
   }, [todosActorRef]);