Bug: @xstate/store - emits doesn't work

[nmonastyrskyi]

XState version

XState version 5

Description

emits simply doesn't work. Check the attached stackblitz

import { createStore } from '@xstate/store'

type Context = {
  drawer?: Drawer | null
}

type Drawer = {
  id: string
}

const context: Context = {
  drawer: null,
}

export const drawersBridgeStore = createStore({
  context,
  on: {
    openDrawer: (context, event: { drawer: Drawer }, enqueue) => {
      console.log('OPEN_DRAWER')
      enqueue.emit.drawerOpened(event)

      return {
        ...context,
        drawer: event.drawer,
      }
    },
  },
  emits: {
    drawerOpened: (_payload: { drawer: Drawer }) => {
      console.log('DRAWER_OPENED')
    },
  },
})

drawersBridgeStore.inspect(console.log)

drawersBridgeStore.on('drawerOpened', event => {
  console.log('🚀 ~ connectXstateStore ~ event:', event)
})

Expected result

When I send openDrawer, drawerOpened should be emitted

Actual result

When I send openDrawer, drawerOpened is not emmited

Reproduction

https://stackblitz.com/edit/github-w4mpbuok?file=package.json

Additional context

No response

[davidkpiano]

It does work; there was a typo in your main.ts file unrelated to XState Store.

[nmonastyrskyi]

@davidkpiano Unfortunately, it doesn't. if it worked, you would see 'DRAWER_OPENED' in the console, logged by the 'emits'.

[davidkpiano]

Ah, you're overriding the event type. Will fix this soon, but you can workaround this by only passing in the payload, without type.

[nmonastyrskyi]

Thanks for the hint!