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

machine.js

const childMachine = Machine({
    id: "child",
    initial: "waiting",
    states: {
      waiting: {
        on: {
          OUTER: {
            actions: (ctx, act) => console.log('outer'),
          },
          MAPPED: {
            actions: (ctx, act) => console.log('mapped')
          }
        }
      }
    }
  })
  
  const fetchMachine = Machine({
    id: 'fetch',
    initial: 'idle',
    states: {
      idle: {
        invoke: {
          src: childMachine,
          id: "childMachine",
        },
        on: {
          OUTER: {
            actions: [sendToChild]
          }
        }
      },
    }
  });
  
  function sendToChild(ctx, evt) {
    console.log('in sendToChild')
    send("MAPPED", {to: 'childMachine'})
  }