XState history

machine.js

const myMachine = Machine({
  id: "slide",
  initial: "notFlying",
  on: {
    FLY: "flying"
  },
  states: {
    flying: {
      on: {
        LAND: "notFlying.hist"
      }
    },
    notFlying: {
      initial: "ground",
      states: {
        ground: {
          on: {
            CLIMB_UP: "ladder"
          }
        },
        ladder: {
          initial: "step1",
          states: {
            step1: {
              on: {
                CLIMB_UP: "step2",
                CLIMB_DOWN: "#slide.notFlying.ground"
              }
            },
            step2: {
              on: {
                CLIMB_UP: "#slide.notFlying.topOfSlide",
                CLIMB_DOWN: "step1"
              }
            }
          }
        },
        topOfSlide: {
          on: {
            CLIMB_DOWN: "ladder.step2",
            SLIDE: "ground"
          }
        },
        hist: {
          type: "history",
          history: "deep"
        }
      }
    }
  }
});