@xstate/react 7.0.0-alpha.5 → 7.0.0-alpha.6

package/dist/xstate-react.cjs.js

@@ -31,9 +31,19 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var useIsomorphicLayoutEffect__default = /*#__PURE__*/_interopDefault(useIsomorphicLayoutEffect);
 
+function isStateMachine(logic) {
+  return typeof logic.provide === 'function' && !!logic.config && !!logic.sources;
+}
+
+// The hook updates the sources of its machine on later renders. A per-hook
+// copy keeps those updates from reaching the caller's machine, which may be
+// shared by other actors.
+function ownLogic(logic) {
+  return isStateMachine(logic) ? logic.provide({}) : logic;
+}
 function useIdleActorRef(logic, ...[options]) {
   const [actorRef, setActorRef] = React.useState(() => {
-    return xstate.createActor(logic, options);
+    return xstate.createActor(ownLogic(logic), options);
   });
   // An object whose identity changes only when React Fast Refresh re-renders
   // this component. Fast Refresh ignores dependency lists while it applies an
@@ -51,7 +61,9 @@ function useIdleActorRef(logic, ...[options]) {
     refreshSignalRef.current !== refreshSignal;
     refreshSignalRef.current = refreshSignal;
     if (logic.config === currentLogic.config) {
-      currentLogic.sources = logic.sources;
+      if (isStateMachine(logic) && isStateMachine(currentLogic)) {
+        currentLogic.sources = logic.sources;
+      }
       return;
     }
   });

package/dist/xstate-react.development.cjs.js

@@ -31,9 +31,19 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var useIsomorphicLayoutEffect__default = /*#__PURE__*/_interopDefault(useIsomorphicLayoutEffect);
 
+function isStateMachine(logic) {
+  return typeof logic.provide === 'function' && !!logic.config && !!logic.sources;
+}
+
+// The hook updates the sources of its machine on later renders. A per-hook
+// copy keeps those updates from reaching the caller's machine, which may be
+// shared by other actors.
+function ownLogic(logic) {
+  return isStateMachine(logic) ? logic.provide({}) : logic;
+}
 function useIdleActorRef(logic, ...[options]) {
   const [actorRef, setActorRef] = React.useState(() => {
-    return xstate.createActor(logic, options);
+    return xstate.createActor(ownLogic(logic), options);
   });
   // An object whose identity changes only when React Fast Refresh re-renders
   // this component. Fast Refresh ignores dependency lists while it applies an
@@ -51,7 +61,9 @@ function useIdleActorRef(logic, ...[options]) {
     const refreshed = refreshSignalRef.current !== refreshSignal;
     refreshSignalRef.current = refreshSignal;
     if (logic.config === currentLogic.config) {
-      currentLogic.sources = logic.sources;
+      if (isStateMachine(logic) && isStateMachine(currentLogic)) {
+        currentLogic.sources = logic.sources;
+      }
       return;
     }
 
@@ -59,8 +71,9 @@ function useIdleActorRef(logic, ...[options]) {
     // defines the machine. Keep the running actor and carry its live snapshot
     // over to the new machine; start a fresh actor if it cannot be carried.
     if (refreshed) {
-      if (!xstate._hotSwapActorLogic(actorRef, logic)) {
-        setActorRef(xstate.createActor(logic, options));
+      const nextLogic = ownLogic(logic);
+      if (!xstate._hotSwapActorLogic(actorRef, nextLogic)) {
+        setActorRef(xstate.createActor(nextLogic, options));
       }
     }
   });

package/dist/xstate-react.development.esm.js

@@ -5,9 +5,19 @@ import { _toObserver, createActor, _hotSwapActorLogic } from 'xstate';
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 
+function isStateMachine(logic) {
+  return typeof logic.provide === 'function' && !!logic.config && !!logic.sources;
+}
+
+// The hook updates the sources of its machine on later renders. A per-hook
+// copy keeps those updates from reaching the caller's machine, which may be
+// shared by other actors.
+function ownLogic(logic) {
+  return isStateMachine(logic) ? logic.provide({}) : logic;
+}
 function useIdleActorRef(logic, ...[options]) {
   const [actorRef, setActorRef] = useState(() => {
-    return createActor(logic, options);
+    return createActor(ownLogic(logic), options);
   });
   // An object whose identity changes only when React Fast Refresh re-renders
   // this component. Fast Refresh ignores dependency lists while it applies an
@@ -25,7 +35,9 @@ function useIdleActorRef(logic, ...[options]) {
     const refreshed = refreshSignalRef.current !== refreshSignal;
     refreshSignalRef.current = refreshSignal;
     if (logic.config === currentLogic.config) {
-      currentLogic.sources = logic.sources;
+      if (isStateMachine(logic) && isStateMachine(currentLogic)) {
+        currentLogic.sources = logic.sources;
+      }
       return;
     }
 
@@ -33,8 +45,9 @@ function useIdleActorRef(logic, ...[options]) {
     // defines the machine. Keep the running actor and carry its live snapshot
     // over to the new machine; start a fresh actor if it cannot be carried.
     if (refreshed) {
-      if (!_hotSwapActorLogic(actorRef, logic)) {
-        setActorRef(createActor(logic, options));
+      const nextLogic = ownLogic(logic);
+      if (!_hotSwapActorLogic(actorRef, nextLogic)) {
+        setActorRef(createActor(nextLogic, options));
       }
     }
   });

package/dist/xstate-react.esm.js

@@ -5,9 +5,19 @@ import { _toObserver, createActor } from 'xstate';
 import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 
+function isStateMachine(logic) {
+  return typeof logic.provide === 'function' && !!logic.config && !!logic.sources;
+}
+
+// The hook updates the sources of its machine on later renders. A per-hook
+// copy keeps those updates from reaching the caller's machine, which may be
+// shared by other actors.
+function ownLogic(logic) {
+  return isStateMachine(logic) ? logic.provide({}) : logic;
+}
 function useIdleActorRef(logic, ...[options]) {
   const [actorRef, setActorRef] = useState(() => {
-    return createActor(logic, options);
+    return createActor(ownLogic(logic), options);
   });
   // An object whose identity changes only when React Fast Refresh re-renders
   // this component. Fast Refresh ignores dependency lists while it applies an
@@ -25,7 +35,9 @@ function useIdleActorRef(logic, ...[options]) {
     refreshSignalRef.current !== refreshSignal;
     refreshSignalRef.current = refreshSignal;
     if (logic.config === currentLogic.config) {
-      currentLogic.sources = logic.sources;
+      if (isStateMachine(logic) && isStateMachine(currentLogic)) {
+        currentLogic.sources = logic.sources;
+      }
       return;
     }
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xstate/react",
-  "version": "7.0.0-alpha.5",
+  "version": "7.0.0-alpha.6",
   "description": "XState tools for React",
   "keywords": [
     "state",
@@ -54,12 +54,7 @@
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "xstate": "^6.0.0-alpha.68"
-  },
-  "peerDependenciesMeta": {
-    "xstate": {
-      "optional": true
-    }
+    "xstate": "^6.0.0-alpha.70"
   },
   "dependencies": {
     "use-isomorphic-layout-effect": "^1.1.2",
@@ -74,7 +69,7 @@
     "react-dom": "^19.0.0",
     "rxjs": "^7.8.1",
     "zod": "^3.25.51",
-    "xstate": "^6.0.0-alpha.68"
+    "xstate": "^6.0.0-alpha.70"
   },
   "scripts": {}
 }