Bug: [TypeScript] Unknown action when using enqueue() and referencing an action defined with enqueueActions

[offirgolan]

XState version

XState version 5

Description

Typescript errors when calling an action via enqueue when the action being called is defined with enqueueActions.

setup({
  actions: {
    foo: enqueueActions(({ enqueue }) => {
      enqueue({ type: "bar" }); // TS ERROR
    }),
    bar: enqueueActions(({ enqueue }) => {
      enqueue.raise({ type: "submit" });
    }),
  },
})

Expected result

Typescript should not error when calling enqueue({ type: "bar" });

Actual result

Object literal may only specify known properties, and 'type' does not exist in type

Reproduction

https://codesandbox.io/p/devbox/currying-darkness-nvv5vh

Additional context

No response

[Andarist]

This is a current limitation that we are facing. TS can't infer this situation correctly: TS playground

[boneskull]

Can a type assertion be used as a workaround? I'm not sure what it'd be.

[offirgolan]

@Andarist I found another TS error: TS Playground

setup({
  actions: {
    bar: enqueueActions(({ check }) => {
      check(stateIn('a'));
    }),
  },
}).createMachine({
  states: {
    a: {},
    b: {}
  }
});

+1 to @boneskull, if there is a TS limitation are there utility types that can be exposed to help mitigate the issue via type assertions?

[offirgolan]

FWIW Using createMachine with the deprecated second argument instead of setup and defining types.actions and types.guards works.

Because of these TS limitations in setup, should I switch back to using createMachine?

Edit:

Another alternative is to add types.actions and types.guards to setup.