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

machine.js

Machine({
  initial: 'playing',
  context: {
    plays: 0
  },
  states: {
    playing: {
      on: {
        '': {
          cond: (context) => context.plays >= 3,
          target: 'endGame',
        }
      },
      initial: 'x',
      states: {
        x: {
          on: {
            NEXT: {
              actions: assign({
                plays: (context) => context.plays + 1
              }),
              target: 'o'
            }
          }
        },
        o: {
          on: {
            NEXT: 'x'
          }
        }
      }
    },
    endGame: {}
  }
})