fix(useDirectiveComponent): cannot read properties of undefined (#19693)

vuetifyjs · Apr 30, 2024 · b9a588f · b9a588f
1 parent a063f94
commit b9a588f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/vuetify/src/composables/directiveComponent.ts b/packages/vuetify/src/composables/directiveComponent.ts
@@ -25,15 +25,15 @@ export const useDirectiveComponent = (
       const { value } = binding
 
       // Get the children from the props or directive value, or the element's children
-      const children = props.text || value.text || el.innerHTML
+      const children = props?.text || value?.text || el.innerHTML
 
       // If vnode.ctx is the same as the instance, then we're bound to a plain element
       // and need to find the nearest parent component instance to inherit provides from
       const provides = (vnode.ctx === binding.instance!.$
         ? findComponentParent(vnode, binding.instance!.$)?.provides
         : vnode.ctx?.provides) ?? binding.instance!.$.provides
 
-      const node = h(concreteComponent, mergeProps(props, value), children)
+      const node = h(concreteComponent, mergeProps(props, value), { default: () => children })
       node.appContext = Object.assign(
         Object.create(null),
         (binding.instance as ComponentPublicInstance).$.appContext,