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

machine.js

const fetchDataMachine = Machine({
  id: 'fetchData',
  context: { data: undefined },
  initial: 'idle',
  states: {
    idle: {
      on: { FETCH: 'pending'}
    },
    pending: {
      on: {
        RESOLVE: 'fulfilled',
        REJECT: 'rejected'
      }
    },
    fulfilled: {
      onEntry: assign({
        data: (ctx, event) => event.data
      }),
      onExit: assign({
        data: () => undefined
      }),
      on: {
        REFRESH: 'pending'
      },
      initial: 'unknown',
      states: {
        unknown: {
          on: {
                        '': [
          { target: 'withData', cond: 'hasData' },
          { target: 'withoutData' },
          ]


          }
        },
        withData: {},
        withoutData: {}
      }
    },
    rejected: {
      on: {
        RETRY: 'pending'
      }
    }
  }
}, {
    guards: {
      hasData: (ctx, event) => ctx.data && ctx.data.length > 0
    }
  });