Generated by XState Viz: https://xstate.js.org/viz

machine.js

const makes = [
  { id: 1, name: "Toyota" },
  { id: 2, name: "Honda" },
  { id: 3, name: "ISUZU" },
];

const mmyMachine = Machine({
  id: 'mmy',
  initial: 'idle',
  context: {
    /* some data */
    makeList: [],
  },
  states: {
    idle: {
      on: {
        FETCH: 'loading'
      }
    },
    loading: {
      invoke: {
        id: 'getMake',
        src: (context, event) => makes,
        onDone: {
          target: 'success',
          actions: [
            assign({ makeList: (context, event) => context.makeList = makes }),
            context => console.log(context.makeList)
          ]
        }
      }
    },
    success: {},
  }
});