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

machine.js

// DEMO: Null or Transient Transitions with ''

// Cick TRY 3 times and it will get to success but will keep coming back to idle at 1 and 2 time
// You can see the state increment in the STATE tab when you click TRY
const ifAtFirstYouDontSucceed = Machine(
  {
    id: 'tryTryAgain',
    initial: 'idle',
    context: {
      tries: 0,
    },
    states: {
      idle: {
        on: { TRY: 'trying' },
      },
      trying: {
        entry: ['incTries'],
        on: {
          '': [{ target: 'success', cond: 'triedEnough' }, { target: 'idle' }],
        },
      },
      success: {},
    },
  },
  {
    actions: {
      incTries: assign({
        tries: (ctx) => ctx.tries + 1,
      }),
    },
    guards: {
      triedEnough: (ctx) => ctx.tries > 2,
    },
  }
);