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

machine.js

const loadData = (callback, receive) => {
  const intervalId = setInterval(() => {
    callback({type:"DATA", data: "data"})
    console.log("called")
  }, 2500)
  return () => clearInterval(intervalId)
}

const appMachine = Machine({
  id: 'app',
  initial: 'init',
  context: {
  },
  states: {
    init: {
      on: {
        "DATA": {
          actions: "assignData"
        },
        "START": {
          actions: assign({
            dataQuery: (context, event) => spawn(loadData)
          })
        }
      }
    },
    idle: {},
  }
}, {
  actions: {
    assignData: assign({data: (_, event) => event.data})
  }
});