Async invoke with multiple destination states onDone

[kayden1940]

How should this be done? Thanks you.

[seanlennaerts]

try returning a value from your async actor then using a guarded transition onDone:

something like:

const machine = setup({
  actors: {
    asyncActor: fromPromise(async () => {
      return condition ? 'foo' : 'bar'
    }),
  },
}).createMachine({
  states: {
    State: {
      invoke: {
        src: 'asyncActor',
        onDone: [
          {
            target: 'Foo',
            guard: ({ event }) => event.output === 'foo',
          },
          {
            target: 'Bar',
            guard: ({ event }) => event.output === 'bar',
          },
          {
            target: 'Default'
          }
        ],
      },
    },
  },
})