Function Provider

packages/xstate-react/src/createActorContext.ts:27–54

({
    children,
    logic: providedLogic = actorLogic,
    machine,
    options: providedOptions
  }: {
    children: React.ReactNode;
    logic: TLogic;
    /** @deprecated Use `logic` instead. */
    machine?: never;
    options?: ActorOptions<TLogic>;
  })

  const OriginalProvider = ReactContext.Provider;

  function Provider({
    children,
    logic: providedLogic = actorLogic,
    machine,
    options: providedOptions
  }: {
    children: React.ReactNode;
    logic: TLogic;
    /** @deprecated Use `logic` instead. */
    machine?: never;
    options?: ActorOptions<TLogic>;
  }) {
    if (machine) {
      throw new Error(
        `The "machine" prop has been deprecated. Please use "logic" instead.`
      );
    }

    const actor = useActorRef(providedLogic, {
      ...actorOptions,
      ...providedOptions
    });

    return React.createElement(OriginalProvider, {
      value: actor,
      children
    });
  }

  // TODO: add properties to actor ref to make more descriptive
  Provider.displayName = `ActorProvider`;