emitsOptions errors when switching stories

[davestewart]

Describe the bug

When changing stories we sometimes get these errors:

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'emitsOptions')
    at shouldUpdateComponent (vue.runtime.esm-bundler.js:2627:27)
    at updateComponent (vue.runtime.esm-bundler.js:7309:9)
    at processComponent (vue.runtime.esm-bundler.js:7257:7)
    at patch (vue.runtime.esm-bundler.js:6721:11)
    at patchBlockChildren (vue.runtime.esm-bundler.js:7108:7)
    at processFragment (vue.runtime.esm-bundler.js:7194:9)
    at patch (vue.runtime.esm-bundler.js:6695:9)
    at ReactiveEffect.componentUpdateFn [as fn] (vue.runtime.esm-bundler.js:7454:9)
    at ReactiveEffect.run (vue.runtime.esm-bundler.js:583:19)
    at instance.update (vue.runtime.esm-bundler.js:7495:51)
shouldUpdateComponent @ vue.runtime.esm-bundler.js:2627
updateComponent @ vue.runtime.esm-bundler.js:7309
processComponent @ vue.runtime.esm-bundler.js:7257
patch @ vue.runtime.esm-bundler.js:6721
patchBlockChildren @ vue.runtime.esm-bundler.js:7108
processFragment @ vue.runtime.esm-bundler.js:7194
patch @ vue.runtime.esm-bundler.js:6695
componentUpdateFn @ vue.runtime.esm-bundler.js:7454
run @ vue.runtime.esm-bundler.js:583
instance.update @ vue.runtime.esm-bundler.js:7495
callWithErrorHandling @ vue.runtime.esm-bundler.js:1792
flushJobs @ vue.runtime.esm-bundler.js:1996
Promise.then
queueFlush @ vue.runtime.esm-bundler.js:1909
queueJob @ vue.runtime.esm-bundler.js:1903
scheduler2 @ vue.runtime.esm-bundler.js:3472
triggerEffect @ vue.runtime.esm-bundler.js:778
triggerEffects @ vue.runtime.esm-bundler.js:768
triggerRefValue @ vue.runtime.esm-bundler.js:1371
(anonymous) @ vue.runtime.esm-bundler.js:1528
triggerEffect @ vue.runtime.esm-bundler.js:778
triggerEffects @ vue.runtime.esm-bundler.js:763
triggerRefValue @ vue.runtime.esm-bundler.js:1371
(anonymous) @ vue.runtime.esm-bundler.js:1528
triggerEffect @ vue.runtime.esm-bundler.js:778
triggerEffects @ vue.runtime.esm-bundler.js:763
triggerRefValue @ vue.runtime.esm-bundler.js:1371
set value @ vue.runtime.esm-bundler.js:1415
finalizeNavigation @ b-vue-router.js:3354
(anonymous) @ b-vue-router.js:3219
Promise.then
pushWithRedirect @ b-vue-router.js:3186
push @ b-vue-router.js:3111
navigate @ b-vue-router.js:2197
handleNavigate @ BaseListItemLink.vue2.js:17
onClick @ BaseListItemLink.vue.js:16
callWithErrorHandling @ vue.runtime.esm-bundler.js:1792
callWithAsyncErrorHandling @ vue.runtime.esm-bundler.js:1800
invoker @ vue.runtime.esm-bundler.js:10020Understand this error

This is one example:

So far, they have been on this divider element and something called BaseListItemLink (both from Histoire):

• https://github.com/search?q=repo%3Ahistoire-dev%2Fhistoire+BaseListItemLink.vue&type=code
• https://github.com/search?q=repo%3Ahistoire-dev%2Fhistoire+main-horiz&type=code

This Vue error may be related:

• 'emitsOptions' error impossible to debug vuejs/core#5184

Reproduction

No way to do this

System Info

System:
    OS: macOS 14.5
    CPU: (12) arm64 Apple M3 Pro
    Memory: 147.33 MB / 36.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.15.1 - /usr/local/bin/node
    npm: 10.7.0 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  Browsers:
    Brave Browser: 122.1.63.169
    Chrome: 127.0.6533.100
    Chrome Canary: 129.0.6654.0
    Edge: 127.0.2651.98
    Safari: 17.5
  npmPackages:
    @histoire/plugin-nuxt: 0.17.17 => 0.17.17 
    @histoire/plugin-vue: 0.17.17 => 0.17.17 
    histoire: 0.17.17 => 0.17.17 

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.