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

machine.js

  const machineState = Machine({
    id: 'datamachine',
    initial: 'loading',
    context: {
      data: [],
    },
    states: {
      loading: {
        on: {
          DONE_MORE: 'more',
          DONE_COMPLETE: 'complete',
          FAIL: 'failure'
        }
      },
      more: {
        on: {
          LOAD: 'loading',
          ADD_SET_ITENS: 'setperpage',
        }
      },
      setperpage: {
        on: {
          ADD_SET: 'more'
        }
      },
      complete: {
        type: "final"
      },
      failure: {
        type: "final"
      }
    }
  })