Conditionally show/render expand row

[finn-matti]

I would like to use the expanded row feature to be shown only to the user, if my item has errors, but I can't for the life of me figure out, how that is supposed to work. I tried something like this:

<easy-data-table
  id="table"
  :headers="headers"
  :items="items"
>
  <template v-if="item && item?.error" #expand="item">
    <v-alert type="error">{{ error }}</v-alert>
  </template>
</easy-data-table>

I get the following error:

runtime-core.esm-bundler.js:40 [Vue warn]: Property "item" was accessed during render but is not defined on instance. 
  at <BaseTransition appear=false persisted=false mode=undefined  ... > 
  at <Transition name="v-window-x-transition" onBeforeEnter=fn<onBeforeTransition> onAfterEnter=fn<onAfterTransition>  ... > 
  at <MaybeTransition transition= {name: 'v-window-x-transition', onBeforeEnter: ƒ, onAfterEnter: ƒ, onEnterCancelled: ƒ, onBeforeLeave: ƒ, …} > 
  at <VWindowItem value="current" > 
  at <VWindow modelValue="current" onUpdate:modelValue=fn > 
  at <ListingView onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy(Object) {formatDate: ƒ, translateStatus: ƒ, switchTab: ƒ, handleFileUpload: ƒ, handleDownload: ƒ, …} > > 
  at <RouterView> 
  at <VMain> 
  at <VApp> 
  at <App>