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

machine.js

const fetchMachine = Machine(
  {
    id: "fetch",
    initial: "idle",
    context: {
      retries: 0
    },
    states: {
      idle: {
        initial: 'noError',
        states: {
          error: {},
          noError: {}
        },
        on: {
          CHANGE: [
            {
                target: 'idle.error',
                cond: 'hasErrors'
              },
              {
                target: 'idle.noError'
              }
              ]
        },
        exit: ['resetError', 'setValue']
      }
    }
  },
  {
    actions: {
      resetError: () => console.log("resetError"),
      setValue: () => console.log("setValue")
    },
    guards: {
      hasErrors: () => true
    }
  }
);