fix(RovingFocusItem): do not call useId() conditionally (#1635)

unovue · Feb 19, 2025 · b5389bc · b5389bc
1 parent 1bb9ef5
commit b5389bc
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/core/src/RovingFocus/RovingFocusItem.vue b/packages/core/src/RovingFocus/RovingFocusItem.vue
@@ -24,7 +24,8 @@ const props = withDefaults(defineProps<RovingFocusItemProps>(), {
 })
 
 const context = injectRovingFocusGroupContext()
-const id = computed(() => props.tabStopId || useId())
+const randomId = useId()
+const id = computed(() => props.tabStopId || randomId)
 const isCurrentTabStop = computed(
   () => context.currentTabStopId.value === id.value,
 )