@xstate/react 3.0.1 → 4.0.0-alpha.1

package/es/useInterpret.js

@@ -1,105 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { useEffect, useState } from 'react';
-import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';
-import { interpret, InterpreterStatus, State, toObserver } from 'xstate';
-import useConstant from './useConstant';
-export function useIdleInterpreter(getMachine, options) {
-    var machine = useConstant(function () {
-        return typeof getMachine === 'function' ? getMachine() : getMachine;
-    });
-    if (process.env.NODE_ENV !== 'production' &&
-        typeof getMachine !== 'function') {
-        var _a = __read(useState(machine), 1), initialMachine = _a[0];
-        if (getMachine !== initialMachine) {
-            console.warn('Machine given to `useMachine` has changed between renders. This is not supported and might lead to unexpected results.\n' +
-                'Please make sure that you pass the same Machine as argument each time.');
-        }
-    }
-    var context = options.context, guards = options.guards, actions = options.actions, activities = options.activities, services = options.services, delays = options.delays, rehydratedState = options.state, interpreterOptions = __rest(options, ["context", "guards", "actions", "activities", "services", "delays", "state"]);
-    var service = useConstant(function () {
-        var machineConfig = {
-            context: context,
-            guards: guards,
-            actions: actions,
-            activities: activities,
-            services: services,
-            delays: delays
-        };
-        var machineWithConfig = machine.withConfig(machineConfig, function () { return (__assign(__assign({}, machine.context), context)); });
-        return interpret(machineWithConfig, interpreterOptions);
-    });
-    // Make sure options are kept updated when they change.
-    // This mutation assignment is safe because the service instance is only used
-    // in one place -- this hook's caller.
-    useIsomorphicLayoutEffect(function () {
-        Object.assign(service.machine.options.actions, actions);
-        Object.assign(service.machine.options.guards, guards);
-        Object.assign(service.machine.options.activities, activities);
-        Object.assign(service.machine.options.services, services);
-        Object.assign(service.machine.options.delays, delays);
-    }, [actions, guards, activities, services, delays]);
-    return service;
-}
-export function useInterpret(getMachine) {
-    var _a = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        _a[_i - 1] = arguments[_i];
-    }
-    var _b = __read(_a, 2), _c = _b[0], options = _c === void 0 ? {} : _c, observerOrListener = _b[1];
-    var service = useIdleInterpreter(getMachine, options);
-    useEffect(function () {
-        if (!observerOrListener) {
-            return;
-        }
-        var sub = service.subscribe(toObserver(observerOrListener));
-        return function () {
-            sub.unsubscribe();
-        };
-    }, [observerOrListener]);
-    useEffect(function () {
-        var rehydratedState = options.state;
-        service.start(rehydratedState ? State.create(rehydratedState) : undefined);
-        return function () {
-            service.stop();
-            service.status = InterpreterStatus.NotStarted;
-        };
-    }, []);
-    return service;
-}

package/es/useMachine.js

@@ -1,69 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { useCallback, useEffect } from 'react';
-import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';
-import { InterpreterStatus, State } from 'xstate';
-import { useIdleInterpreter } from './useInterpret';
-function identity(a) {
-    return a;
-}
-export function useMachine(getMachine) {
-    var _a = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        _a[_i - 1] = arguments[_i];
-    }
-    var _b = __read(_a, 1), _c = _b[0], options = _c === void 0 ? {} : _c;
-    // using `useIdleInterpreter` allows us to subscribe to the service *before* we start it
-    // so we don't miss any notifications
-    var service = useIdleInterpreter(getMachine, options);
-    var getSnapshot = useCallback(function () {
-        if (service.status === InterpreterStatus.NotStarted) {
-            return (options.state
-                ? State.create(options.state)
-                : service.machine.initialState);
-        }
-        return service.state;
-    }, [service]);
-    var isEqual = useCallback(function (prevState, nextState) {
-        if (service.status === InterpreterStatus.NotStarted) {
-            return true;
-        }
-        // Only change the current state if:
-        // - the incoming state is the "live" initial state (since it might have new actors)
-        // - OR the incoming state actually changed.
-        //
-        // The "live" initial state will have .changed === undefined.
-        var initialStateChanged = nextState.changed === undefined &&
-            (Object.keys(nextState.children).length > 0 ||
-                typeof prevState.changed === 'boolean');
-        return !(nextState.changed || initialStateChanged);
-    }, [service]);
-    var subscribe = useCallback(function (handleStoreChange) {
-        var unsubscribe = service.subscribe(handleStoreChange).unsubscribe;
-        return unsubscribe;
-    }, [service]);
-    var storeSnapshot = useSyncExternalStoreWithSelector(subscribe, getSnapshot, getSnapshot, identity, isEqual);
-    useEffect(function () {
-        var rehydratedState = options.state;
-        service.start(rehydratedState ? State.create(rehydratedState) : undefined);
-        return function () {
-            service.stop();
-            service.status = InterpreterStatus.NotStarted;
-        };
-    }, []);
-    return [storeSnapshot, service.send, service];
-}

package/es/useSelector.d.ts

@@ -1,3 +0,0 @@
-import { ActorRef, Subscribable } from 'xstate';
-export declare function useSelector<TActor extends ActorRef<any, any>, T, TEmitted = TActor extends Subscribable<infer Emitted> ? Emitted : never>(actor: TActor, selector: (emitted: TEmitted) => T, compare?: (a: T, b: T) => boolean, getSnapshot?: (a: TActor) => TEmitted): T;
-//# sourceMappingURL=useSelector.d.ts.map

package/es/useSelector.js

@@ -1,36 +0,0 @@
-import { useCallback, useRef } from 'react';
-import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';
-import { isActorWithState } from './useActor';
-import { getServiceSnapshot } from './utils';
-function isService(actor) {
-    return 'state' in actor && 'machine' in actor;
-}
-var defaultCompare = function (a, b) { return a === b; };
-var defaultGetSnapshot = function (a, initialStateCacheRef) {
-    if (isService(a)) {
-        // A status of 0 = interpreter not started
-        if (a.status === 0 && initialStateCacheRef.current) {
-            return initialStateCacheRef.current;
-        }
-        var snapshot = getServiceSnapshot(a);
-        initialStateCacheRef.current = a.status === 0 ? snapshot : null;
-        return snapshot;
-    }
-    return isActorWithState(a) ? a.state : undefined;
-};
-export function useSelector(actor, selector, compare, getSnapshot) {
-    if (compare === void 0) { compare = defaultCompare; }
-    var initialStateCacheRef = useRef(null);
-    var subscribe = useCallback(function (handleStoreChange) {
-        var unsubscribe = actor.subscribe(handleStoreChange).unsubscribe;
-        return unsubscribe;
-    }, [actor]);
-    var boundGetSnapshot = useCallback(function () {
-        if (getSnapshot) {
-            return getSnapshot(actor);
-        }
-        return defaultGetSnapshot(actor, initialStateCacheRef);
-    }, [actor, getSnapshot]);
-    var selectedSnapshot = useSyncExternalStoreWithSelector(subscribe, boundGetSnapshot, boundGetSnapshot, selector, compare);
-    return selectedSnapshot;
-}

package/es/useSpawn.js

@@ -1,15 +0,0 @@
-import { spawnBehavior } from 'xstate';
-import useConstant from './useConstant';
-/**
- * React hook that spawns an `ActorRef` with the specified `behavior`.
- * The returned `ActorRef` can be used with the `useActor(actorRef)` hook.
- *
- * @param behavior The actor behavior to spawn
- * @returns An ActorRef with the specified `behavior`
- */
-export function useSpawn(behavior) {
-    var actorRef = useConstant(function () {
-        return spawnBehavior(behavior);
-    });
-    return actorRef;
-}

package/es/utils.d.ts

@@ -1,5 +0,0 @@
-import { Interpreter } from 'xstate';
-export declare function partition<T, A extends T, B extends T>(items: T[], predicate: (item: T) => item is A): [A[], B[]];
-export declare function getServiceSnapshot<TService extends Interpreter<any, any, any, any>>(service: TService): TService['state'];
-export declare function shallowEqual(objA: any, objB: any): boolean;
-//# sourceMappingURL=utils.d.ts.map

package/es/utils.js

@@ -1,83 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-export function partition(items, predicate) {
-    var e_1, _a;
-    var _b = __read([[], []], 2), truthy = _b[0], falsy = _b[1];
-    try {
-        for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
-            var item = items_1_1.value;
-            if (predicate(item)) {
-                truthy.push(item);
-            }
-            else {
-                falsy.push(item);
-            }
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-    return [truthy, falsy];
-}
-export function getServiceSnapshot(service) {
-    return service.status !== 0 ? service.state : service.machine.initialState;
-}
-// From https://github.com/reduxjs/react-redux/blob/master/src/utils/shallowEqual.ts
-function is(x, y) {
-    if (x === y) {
-        return x !== 0 || y !== 0 || 1 / x === 1 / y;
-    }
-    else {
-        return x !== x && y !== y;
-    }
-}
-export function shallowEqual(objA, objB) {
-    if (is(objA, objB))
-        return true;
-    if (typeof objA !== 'object' ||
-        objA === null ||
-        typeof objB !== 'object' ||
-        objB === null) {
-        return false;
-    }
-    var keysA = Object.keys(objA);
-    var keysB = Object.keys(objB);
-    if (keysA.length !== keysB.length)
-        return false;
-    for (var i = 0; i < keysA.length; i++) {
-        if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) ||
-            !is(objA[keysA[i]], objB[keysA[i]])) {
-            return false;
-        }
-    }
-    return true;
-}

package/lib/fsm.js

@@ -1,87 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useService = exports.useMachine = void 0;
-var fsm_1 = require("@xstate/fsm");
-var react_1 = require("react");
-var use_isomorphic_layout_effect_1 = require("use-isomorphic-layout-effect");
-var with_selector_1 = require("use-sync-external-store/shim/with-selector");
-var useConstant_1 = require("./useConstant");
-function identity(a) {
-    return a;
-}
-var getServiceState = function (service) {
-    var currentValue;
-    service
-        .subscribe(function (state) {
-        currentValue = state;
-    })
-        .unsubscribe();
-    return currentValue;
-};
-function useMachine(stateMachine, options) {
-    var persistedStateRef = (0, react_1.useRef)();
-    if (process.env.NODE_ENV !== 'production') {
-        var _a = __read((0, react_1.useState)(stateMachine), 1), initialMachine = _a[0];
-        if (stateMachine !== initialMachine) {
-            console.warn('Machine given to `useMachine` has changed between renders. This is not supported and might lead to unexpected results.\n' +
-                'Please make sure that you pass the same Machine as argument each time.');
-        }
-    }
-    var _b = __read((0, useConstant_1.default)(function () {
-        var queue = [];
-        var service = (0, fsm_1.interpret)((0, fsm_1.createMachine)(stateMachine.config, options ? options : stateMachine._options));
-        var send = service.send;
-        service.send = function (event) {
-            if (service.status === fsm_1.InterpreterStatus.NotStarted) {
-                queue.push(event);
-                return;
-            }
-            send(event);
-            persistedStateRef.current = service.state;
-        };
-        return [service, queue];
-    }), 2), service = _b[0], queue = _b[1];
-    (0, use_isomorphic_layout_effect_1.default)(function () {
-        if (options) {
-            service._machine._options = options;
-        }
-    });
-    var useServiceResult = useService(service);
-    (0, react_1.useEffect)(function () {
-        service.start(persistedStateRef.current);
-        queue.forEach(service.send);
-        persistedStateRef.current = service.state;
-        return function () {
-            service.stop();
-        };
-    }, []);
-    return useServiceResult;
-}
-exports.useMachine = useMachine;
-var isEqual = function (_prevState, nextState) { return nextState.changed === false; };
-function useService(service) {
-    var getSnapshot = (0, react_1.useCallback)(function () { return getServiceState(service); }, [service]);
-    var subscribe = (0, react_1.useCallback)(function (handleStoreChange) {
-        var unsubscribe = service.subscribe(handleStoreChange).unsubscribe;
-        return unsubscribe;
-    }, [service]);
-    var storeSnapshot = (0, with_selector_1.useSyncExternalStoreWithSelector)(subscribe, getSnapshot, getSnapshot, identity, isEqual);
-    return [storeSnapshot, service.send, service];
-}
-exports.useService = useService;

package/lib/index.d.ts

@@ -1,7 +0,0 @@
-export { useMachine } from './useMachine';
-export { useActor } from './useActor';
-export { useInterpret } from './useInterpret';
-export { useSelector } from './useSelector';
-export { useSpawn } from './useSpawn';
-export { shallowEqual } from './utils';
-//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.shallowEqual = exports.useSpawn = exports.useSelector = exports.useInterpret = exports.useActor = exports.useMachine = void 0;
-var useMachine_1 = require("./useMachine");
-Object.defineProperty(exports, "useMachine", { enumerable: true, get: function () { return useMachine_1.useMachine; } });
-var useActor_1 = require("./useActor");
-Object.defineProperty(exports, "useActor", { enumerable: true, get: function () { return useActor_1.useActor; } });
-var useInterpret_1 = require("./useInterpret");
-Object.defineProperty(exports, "useInterpret", { enumerable: true, get: function () { return useInterpret_1.useInterpret; } });
-var useSelector_1 = require("./useSelector");
-Object.defineProperty(exports, "useSelector", { enumerable: true, get: function () { return useSelector_1.useSelector; } });
-var useSpawn_1 = require("./useSpawn");
-Object.defineProperty(exports, "useSpawn", { enumerable: true, get: function () { return useSpawn_1.useSpawn; } });
-var utils_1 = require("./utils");
-Object.defineProperty(exports, "shallowEqual", { enumerable: true, get: function () { return utils_1.shallowEqual; } });

package/lib/types.d.ts

@@ -1,16 +0,0 @@
-import { EventObject, StateConfig } from 'xstate';
-export declare type MaybeLazy<T> = T | (() => T);
-export declare type NoInfer<T> = [T][T extends any ? 0 : any];
-export declare type Prop<T, K> = K extends keyof T ? T[K] : never;
-export interface UseMachineOptions<TContext, TEvent extends EventObject> {
-    /**
-     * If provided, will be merged with machine's `context`.
-     */
-    context?: Partial<TContext>;
-    /**
-     * The state to rehydrate the machine to. The machine will
-     * start at this state instead of its `initialState`.
-     */
-    state?: StateConfig<TContext, TEvent>;
-}
-//# sourceMappingURL=types.d.ts.map

package/lib/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/lib/useActor.d.ts

@@ -1,9 +0,0 @@
-import { ActorRef, EventObject, Sender } from 'xstate';
-export declare function isActorWithState<T extends ActorRef<any>>(actorRef: T): actorRef is T & {
-    state: any;
-};
-declare type EmittedFromActorRef<TActor extends ActorRef<any, any>> = TActor extends ActorRef<any, infer TEmitted> ? TEmitted : never;
-export declare function useActor<TActor extends ActorRef<any, any>>(actorRef: TActor, getSnapshot?: (actor: TActor) => EmittedFromActorRef<TActor>): [EmittedFromActorRef<TActor>, TActor['send']];
-export declare function useActor<TEvent extends EventObject, TEmitted>(actorRef: ActorRef<TEvent, TEmitted>, getSnapshot?: (actor: ActorRef<TEvent, TEmitted>) => TEmitted): [TEmitted, Sender<TEvent>];
-export {};
-//# sourceMappingURL=useActor.d.ts.map

package/lib/useActor.js

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActor = exports.isActorWithState = void 0;
-var react_1 = require("react");
-var use_isomorphic_layout_effect_1 = require("use-isomorphic-layout-effect");
-var useConstant_1 = require("./useConstant");
-var shim_1 = require("use-sync-external-store/shim");
-function isActorWithState(actorRef) {
-    return 'state' in actorRef;
-}
-exports.isActorWithState = isActorWithState;
-function isDeferredActor(actorRef) {
-    return 'deferred' in actorRef;
-}
-function defaultGetSnapshot(actorRef) {
-    return 'getSnapshot' in actorRef
-        ? actorRef.getSnapshot()
-        : isActorWithState(actorRef)
-            ? actorRef.state
-            : undefined;
-}
-function useActor(actorRef, getSnapshot) {
-    if (getSnapshot === void 0) { getSnapshot = defaultGetSnapshot; }
-    var actorRefRef = (0, react_1.useRef)(actorRef);
-    var deferredEventsRef = (0, react_1.useRef)([]);
-    var subscribe = (0, react_1.useCallback)(function (handleStoreChange) {
-        var unsubscribe = actorRef.subscribe(handleStoreChange).unsubscribe;
-        return unsubscribe;
-    }, [actorRef]);
-    var boundGetSnapshot = (0, react_1.useCallback)(function () { return getSnapshot(actorRef); }, [
-        actorRef,
-        getSnapshot
-    ]);
-    var storeSnapshot = (0, shim_1.useSyncExternalStore)(subscribe, boundGetSnapshot, boundGetSnapshot);
-    var send = (0, useConstant_1.default)(function () { return function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        var event = args[0];
-        if (process.env.NODE_ENV !== 'production' && args.length > 1) {
-            console.warn("Unexpected payload: ".concat(JSON.stringify(args[1]), ". Only a single event object can be sent to actor send() functions."));
-        }
-        var currentActorRef = actorRefRef.current;
-        // If the previous actor is a deferred actor,
-        // queue the events so that they can be replayed
-        // on the non-deferred actor.
-        if (isDeferredActor(currentActorRef) && currentActorRef.deferred) {
-            deferredEventsRef.current.push(event);
-        }
-        else {
-            currentActorRef.send(event);
-        }
-    }; });
-    (0, use_isomorphic_layout_effect_1.default)(function () {
-        actorRefRef.current = actorRef;
-        // Dequeue deferred events from the previous deferred actorRef
-        while (deferredEventsRef.current.length > 0) {
-            var deferredEvent = deferredEventsRef.current.shift();
-            actorRef.send(deferredEvent);
-        }
-    }, [actorRef]);
-    return [storeSnapshot, send];
-}
-exports.useActor = useActor;

package/lib/useConstant.d.ts

@@ -1,2 +0,0 @@
-export default function useConstant<T>(fn: () => T): T;
-//# sourceMappingURL=useConstant.d.ts.map

package/lib/useConstant.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-function useConstant(fn) {
-    var ref = React.useRef();
-    if (!ref.current) {
-        ref.current = { v: fn() };
-    }
-    return ref.current.v;
-}
-exports.default = useConstant;

package/lib/useInterpret.d.ts

@@ -1,14 +0,0 @@
-import { AnyInterpreter, AnyStateMachine, AreAllImplementationsAssumedToBeProvided, InternalMachineOptions, InterpreterFrom, InterpreterOptions, MachineOptions, Observer, StateFrom } from 'xstate';
-import { MaybeLazy } from './types';
-import { UseMachineOptions } from './useMachine';
-export declare function useIdleInterpreter(getMachine: MaybeLazy<AnyStateMachine>, options: Partial<InterpreterOptions> & Partial<UseMachineOptions<unknown, never>> & Partial<MachineOptions<unknown, never>>): AnyInterpreter;
-declare type RestParams<TMachine extends AnyStateMachine> = AreAllImplementationsAssumedToBeProvided<TMachine['__TResolvedTypesMeta']> extends false ? [
-    options: InterpreterOptions & UseMachineOptions<TMachine['__TContext'], TMachine['__TEvent']> & InternalMachineOptions<TMachine['__TContext'], TMachine['__TEvent'], TMachine['__TResolvedTypesMeta'], true>,
-    observerOrListener?: Observer<StateFrom<TMachine>> | ((value: StateFrom<TMachine>) => void)
-] : [
-    options?: InterpreterOptions & UseMachineOptions<TMachine['__TContext'], TMachine['__TEvent']> & InternalMachineOptions<TMachine['__TContext'], TMachine['__TEvent'], TMachine['__TResolvedTypesMeta']>,
-    observerOrListener?: Observer<StateFrom<TMachine>> | ((value: StateFrom<TMachine>) => void)
-];
-export declare function useInterpret<TMachine extends AnyStateMachine>(getMachine: MaybeLazy<TMachine>, ...[options, observerOrListener]: RestParams<TMachine>): InterpreterFrom<TMachine>;
-export {};
-//# sourceMappingURL=useInterpret.d.ts.map