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

machine.js

function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      reject();
    }, 1000);
  });
}

const goatMachine = Machine({
  initial: "idle",
  states: {
    idle: {
      on: {
        CLICK: "loading"
      }
    },
    loading: {
      invoke: {
        src: () => fetchData(),
        onError: "error",
        onDone: "idle"
      }
    },
    error: {
      on: {
        CLICK: "loading"
      }
    }
  }
});