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

machine.js

const machine = Machine({
  initial: 'ready',
  on: {
    TYPE: {
      target: 'startSearching',
      actions: ['setKeyword'],
    },
    SEARCH: 'searching',
    ERROR: 'error',
  },
  states: {
    ready: {},
    startSearching: {
      entry: ['cancelDebouncedSearch', 'debouncedSearch'],
    },
    searching: {
      invoke: {
        id: 'searchAll',
        src: 'searchAll',
        onDone: {
          target: 'ready',
          actions: 'setData',
        },
        onError: 'error',
      },
    },
    error: {
      after: {
        3000: 'searching',
      },
    },
  },
});