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

machine.js

const searchMachine = Machine({
  id: 'search',
  initial: 'idle',
  context: {
    results: [],
    errorMessage: null,
  },
  states: {
    idle: {
      on: { FETCH: 'loading' },
    },
    loading: {
      invoke: {
        src: () => ({}),
        onDone: {
          target: 'success',
          actions: assign({
            results: (_, event) => event.data,
          }),
        },
        onError: {
          target: 'error',
          actions: assign({
            errorMessage: (_, event) => event.data,
          }),
        },
      },
    },
    success: {
      on: { FETCH: 'loading' },
    },
    error: {
      on: { FETCH: 'loading' },
    },
  },
});