Fixed compatibility with the upcoming TS 5.4 (#4706)

* Remove redundant `Compute`

* Fixed `StateValueMap` type

* fixed type errors

* add changeset

Author: Andarist

.changeset/lucky-mice-lick.md

@@ -0,0 +1,5 @@
+---
+'xstate': patch
+---
+
+Fixed compatibility with the upcoming TypeScript 5.4

packages/core/src/stateUtils.ts

@@ -643,7 +643,7 @@ export function getStateNodes<
       }
       const subStateNodes = getStateNodes(
         subStateNode,
-        stateValue[subStateKey]
+        stateValue[subStateKey]!
       );
 
       return allSubStateNodes.concat(subStateNodes);
@@ -684,7 +684,7 @@ export function transitionCompoundNode<
   const childStateNode = getStateNode(stateNode, subStateKeys[0]);
   const next = transitionNode(
     childStateNode,
-    stateValue[subStateKeys[0]],
+    stateValue[subStateKeys[0]]!,
     snapshot,
     event
   );

packages/core/src/types.ts

@@ -295,7 +295,7 @@ export type Actions<
 export type StateKey = string | AnyMachineSnapshot;
 
 export interface StateValueMap {
-  [key: string]: StateValue;
+  [key: string]: StateValue | undefined;
 }
 
 /**
@@ -2352,21 +2352,19 @@ export type ToChildren<TActor extends ProvidedActor> =
       // or maybe even `TActor["logic"]` since it's possible to configure `{ src: string; logic: SomeConcreteLogic }`
       // TODO: consider adding `| undefined` here
       Record<string, AnyActorRef>
-    : Compute<
-        ToConcreteChildren<TActor> &
-          {
-            include: {
-              [id: string]: TActor extends any
-                ? ActorRefFrom<TActor['logic']> | undefined
-                : never;
-            };
-            exclude: {};
-          }[undefined extends TActor['id'] // if not all actors have literal string IDs then we need to create an index signature containing all possible actor types
+    : ToConcreteChildren<TActor> &
+        {
+          include: {
+            [id: string]: TActor extends any
+              ? ActorRefFrom<TActor['logic']> | undefined
+              : never;
+          };
+          exclude: {};
+        }[undefined extends TActor['id'] // if not all actors have literal string IDs then we need to create an index signature containing all possible actor types
+          ? 'include'
+          : string extends TActor['id']
             ? 'include'
-            : string extends TActor['id']
-              ? 'include'
-              : 'exclude']
-      >;
+            : 'exclude'];
 
 export type StateSchema = {
   states?: Record<string, StateSchema>;

packages/core/src/utils.ts

@@ -47,7 +47,7 @@ export function matchesState(
       return false;
     }
 
-    return matchesState(parentStateValue[key], childStateValue[key]);
+    return matchesState(parentStateValue[key]!, childStateValue[key]!);
   });
 }