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

machine.js

 const connectedMachine = Machine({
    id: 'connectedData',
    initial: 'idle',
    context: {
      results: []
    },
    states: {
     idle: {
       on: {
         ADD: 'pending',
         DELETE: 'pending'
       }
     },
     pending: {
       entry: ['fetchData'],
       on: {
         RESOLVE: {
           target: 'success',
           actions: ['setResults']
         },
         FAIL: 'failure'
       }
     },
     success: {
       on: {
         FETCH: 'pending'
       }
     },
     failure: {
       on: {
         FETCH: 'pending'
       }
     },
    }
  }, {
    actions: {
      fetchData: () => console.log('fetching'),
      setResults: () => console.log('success')
    }
  });