diff --git a/src/runtime/components/App.vue b/src/runtime/components/App.vue
index 275fce4e..d01ccb0a 100644
--- a/src/runtime/components/App.vue
+++ b/src/runtime/components/App.vue
@@ -29,7 +29,7 @@ const toasterProps = toRef(() => props.toaster)
 </script>
 
 <template>
-  <ConfigProvider :use-id="() => useId() as string" v-bind="configProviderProps">
+  <ConfigProvider :use-id="() => (useId() as string)" v-bind="configProviderProps">
     <TooltipProvider v-bind="tooltipProps">
       <UToaster v-if="toaster !== null" v-bind="toasterProps">
         <slot />