diff --git a/packages/core/src/components/List/List.tsx b/packages/core/src/components/List/List.tsx index 1b69f867c2..9f48d044a0 100644 --- a/packages/core/src/components/List/List.tsx +++ b/packages/core/src/components/List/List.tsx @@ -140,8 +140,8 @@ const List: VibeComponent & { return child; } const id = (child.props as { id: string }).id || `${overrideId}-item-${index}`; - const isFocusableItem = isListItem(childrenRefs.current[index]); - + const currentRef = childrenRefs.current[index]; + const isFocusableItem = currentRef === undefined || currentRef === null || isListItem(currentRef); return React.cloneElement(child, { // @ts-ignore not sure how to deal with ref here ref: ref => (childrenRefs.current[index] = ref),