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

machine.js

  const fetchMachine = Machine({
    id: 'fetch',
    initial: 'idle',
    context: {
      retries: 0
    },
    on: {
      UPDATE_VALUE_FROM_SERVER: {
        actions: 'updateInternalValue'
      },
      UPDATE_VALUE: {
        actions: [
          'updateInternalValue',
          sendParent('UPDATE_VALUE_FROM_UI')
          ]
      }
    },
    states: {
      idle: {
        on: {
          ENTER_DATA: {actions: send('UPDATE_VALUE')}
        }
      },
    }
  });