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

machine.js

const dataMachine = new Machine({
  id: "posts",
  initial: "ready",
  context: {
    data: [],
  },
  states: {
     ready: {
      on: {
        FETCH_POSTS: "fetching"
      }
    },
   fetching: {
      invoke: {
        src: 'fetchPosts',
        onDone: {
          target: "success",
          actions: assign({
            data: (_, event) => event.data
          })
        },
        onError: "error"
      }
    },
    success: { type: "final" },
    error: { type: "final" }
  },
});