How to Utilize Abort Signal for Named Actors in XState v5?

[chandirag]

I'm working on a state machine using XState v5 and have encountered an issue with stopping ongoing Promise actors using the abort signal. The XState documentation shows how to use the signal within a promise actor, but it doesn't illustrate how to reference and utilize the signal for named actors defined within the setup method of the machine.

Here is a simplified example of what I'm trying to achieve:

import { createMachine, assign, fromPromise, setup } from 'xstate';
import { } from 'xstate/lib/setup';

// Define the promise actor logic
const fetchDataLogic = fromPromise(async ({ signal }) => {
  const response = await fetch('/some/api', { signal });
  const data = await response.json();
  return data;
});

// Setup the state machine
const machine = setup({
  actors: {
    FetchDataActor: fetchDataLogic,
  },
}).createMachine({
  context: {
    data: null,
  },
  initial: 'idle',
  states: {
    idle: {
      on: {
        FETCH: 'loading',
      },
    },
    loading: {
      invoke: {
        id: 'FetchDataActor',
        src: 'FetchDataActor',
        onDone: {
          target: 'success',
          actions: assign({ data: (_, event) => event.data }),
        },
        onError: 'failure',
      },
      on: {
          disconnect: {
              // Stop Promise actor
              
              // Then move to idle state
          }
    },
    success: {},
    failure: {},
  },
});

[chandirag]

The documentation is very sparse and doesn't provide a good enough example: