Wrong "after" event happening

[cinder elm]

I'm logging my events and states using:

  service.onTransition((state) => {console.log(state.toStrings())})
  service.onEvent((event) => {console.log(event.type);})

And I'm seeing something strange:

(2) ['NotHeld', 'NotHeld.TripleClicked']
App.tsx:14 xstate.after(100)#stepper.Held.HeldIncrement

See that the after transition is for a state stepper.Held.HeldIncrement which doesn't match the current state NotHeld.TripleClicked. Moreover, I never get the after transition that is supposed to be attached to the NotHeld.TripleClicked state. Is this a bug in xstate? I'm happy to reduce this test case down and share some code if this is not something that should ever happen.

[timber kettle]

Can you share more of the machine config?

[cinder elm]

Check this out: https://codesandbox.io/s/silly-margulis-fbmzd8?file=/src/index.js
Open the console to see the logs. Expect the final state to be NotHeld.Idle but observe that it gets stuck in NotHeld.TripleClicked.

Maybe it's a bug with @xstate/solid because the bug doesn't appear if I just use interpret directly.