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

machine.js

const appStateMachine = Machine({
  id: 'app-state',
  initial: 'setup',
  states: {
    setup: {
      invoke: {
        id: 'listen',
        src: 'setup'
      },
    },
    active: {},
    inactive: {},
  },
  on: {
    ACTIVE: 'active',
    INACTIVE: 'inactive',
  }
}, {
  services: {
    setup: () => callback => {
      const listener = AppState.addEventListener('change', nextState => {
        if (nextState === 'active') {
          callback('ACTIVE')
        } else {
          callback('INACTIVE')
        }
      })
      
      return () => {
        listener.remove()
      }
    }
  }
});