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

machine.js

new Machine({
  id: 'initializer',
  initial: 'idle',
  context: {},
  states: {
    idle: {
      on: {
        '': 'getToken',
      },
    },
    getToken: {
      invoke: {
        src: () => new Promise(resolve => setTimeout(() => resolve({ access_token: '' }), 2500)),
        onDone: {
          target: 'getDevices',
          actions: [
            (context, { data: { access_token: accessToken } }) => console.log(accessToken),
          ],
        },
        onError: { target: 'getToken' },
      },
    },
    getDevices: {
      invoke: {
        src: (context, { data: { access_token: accessToken } }) => new Promise(resolve => setTimeout(() => resolve({}, 2500))),
        onDone: { target: 'ready' },
        onError: { target: 'getDevices' },
      },
    },
    ready: {
      entry: [(context, { data: { data } }) => console.log('data', [...data])],
      type: 'final',
    },
  },
})