Cannot read properties of undefined (reading 'onError')

[tnortman-jabra]

Reproducible Sample

import type { AnyEventObject } from 'xstate';
import { fromCallback, setup } from 'xstate';

const SomeActor = fromCallback<AnyEventObject, { thing: string }>(({ input }) => {
  console.log('SomeActor', input);
});

const AnotherActor = fromCallback<AnyEventObject, { otherThing: string }>(({ input }) => {
  console.log('AnotherActor', input);
});

export const MyMachine = setup({
  types: {
    children: {} as { someActor: 'SomeActor'; anotherActor: 'AnotherActor' },
  },
  actions: {},
  actors: {
    AnotherActor: AnotherActor,
    SomeActor: SomeActor,
  },
}).createMachine({
  id: 'ambient-noise-monitor',
  initial: 'Starting',
  invoke: [
    {
      id: 'someActor',
      systemId: 'my-actor-system-id',
      src: 'SomeActor',
      input: () => ({ thing: 'left' }),
      onError: {
        target: '.State Two',
      },
    },
    {
      id: 'anotherActor',
      systemId: 'my-actor-system-id',
      src: 'AnotherActor',
      input: () => ({ otherThing: 'SomeEvent' }),
      onError: {
        target: '.State Two',
      },
    },
  ],
  states: {
    Starting: {},
    'State Two': {
      type: 'final',
    },
  },
});

[tnortman-jabra]

When more than one invoked actor in the array:

And when removing one invoked actor from the array, no error:

[tnortman-jabra]

Here is the output from XState:

Unsupported property value of type ArrowFunctionExpression in assignment {
  key: 'params',
  value: Node {
    type: 'ArrowFunctionExpression',
    start: 6047,
    end: 6257,
    loc: SourceLocation {
      start: [Position2],
      end: [Position2],
      filename: undefined,
      identifierName: undefined
    },
    id: null,
    generator: false,
    async: false,
    params: [ [Node] ],
    body: Node {
      type: 'ObjectExpression',
      start: 6063,
      end: 6256,
      loc: [SourceLocation],
      properties: [Array],
      extra: [Object]
    }
  }
}

[Irev-Dev]

We've hit this problem as well