[4.10: TypeScript] Typed actions throw type errors

Description Hello everybody, I just upgraded to version 4.10 ready to fix my send types. I’m so happy about this release! Thank you so much for introducing the third generic toSendEvent. I oftentimes had to go for <any, any> as a workaround and am so glad to finally change those. 🖤

When defining an assign action within the configuration object, TypeScript goes nuts.

actions: {
  assignCard: assign<MContext, SubmitEvent>({
    card: (_, event) => event.data.name
  })
}

I got the same error when passing the action to machine.withConfig().

Expected Result No type error should be thrown.

Actual Result TypeScript error pyramid of death 😬

Reproduction https://codesandbox.io/s/xstate-bug-typed-assign-action-in-configuration-object-5pc63?file=/src/index.tsx:1858-1981

Additional context

@xstate/react: 0.8.1,
xstate: 4.10.0

[danielkcz]

Or a different workaround, imo slightly nicer 😃

actions: {
  assignCard: assign<MContext, SubmitEvent>({
    card: (_, event) => event.data.name
  }) as any // <-- this
}

I assume this will get better in V5?

[davidkpiano]

Workaround:

    actions: {
      assignCard: assign<MContext, any>({
        card: (_, event) => (event as SubmitEvent).data.name
      })
    }