onDone Not Triggering When fromPromise Completes its Work

[pubudithajayasekara]

I'm currently in the process of upgrading xState from version "xstate": "^4.38.3" to "xstate": "^5.9.1", following the migration document available here.

During this upgrade, I encountered an issue with one of my stateMachines, specifically related to the invoke function in initializing state. Although the async function for fetching users is correctly executed and outputs "fetch users success!" to the log, it does not transition to the onDone state to execute the prefill action. Instead, it remains in the same state without proceeding further.

I would appreciate any insights or assistance in resolving this issue. Thank you in advance!

initializing: {
  invoke: {
    id: 'fetchDependencies',
    onDone: {
      actions: 'prefill',
      target: 'idle',
    },
    onError: {
      actions: ({ event }) => {
        console.error('Error fetching dependencies:', event)
      },
      target: 'idle',
    },
    src: fromPromise(async () => {
      console.debug('fetch users...', { entity })
      try {
        const authorUser = await fetchUser({ userId: entity.user })
        const lastUpdatedBy = entity.lastUpdatedBy
          ? await fetchUser({
              userId: entity.lastUpdatedBy.id,
            })
          : undefined
        console.debug('fetch users success!', {
          authorUser,
          lastUpdatedBy,
        })

        return {
          authorUser,
          lastUpdatedBy,
        }
      } catch (err) {
        console.debug('fetch users error!', { err })
        return {
          authorUser: {
            entity: {
              fullName: 'Unknown User',
            },
          },
          lastUpdatedBy: {
            entity: {
              fullName: 'Unknown User',
            },
          },
        }
      }
    }),
  },
},