fix: triggerRef in the update selected function

statelyai · Sep 25, 2024 · f2a9a5f · f2a9a5f
1 parent 7b8a100
commit f2a9a5f
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/xstate-vue/src/useSelector.ts b/packages/xstate-vue/src/useSelector.ts
@@ -1,4 +1,4 @@
-import { Ref, isRef, shallowRef, watch } from 'vue';
+import { Ref, isRef, shallowRef, triggerRef, watch } from 'vue';
 import { AnyActorRef } from 'xstate';
 
 function defaultCompare<T>(a: T, b: T) {
@@ -27,7 +27,9 @@ export function useSelector<
   const updateSelectedIfChanged = (nextSelected: T) => {
     if (!compare(selected.value, nextSelected)) {
       selected.value = nextSelected;
-    }
+    } else {
+			triggerRef(selected)
+		}
   };
 
   watch(