[v3][UTooltip] UTooltip inside UModal causing error

[hamonCordova]

Environment

• Operating System: Windows_NT
• Node Version: v18.20.5
• Nuxt Version: 3.14.1592
• CLI Version: 3.15.0
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: default
• Runtime Modules: [email protected], @nuxt/[email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.9

Reproduction

 <UTooltip :delay-duration="0" :text="`R$ ${transactionCost.brl}`">
    <UIcon class="text-yellow-500 text-xs" name="i-lucide-coins" />
    <p class="text-neutral-200 text-xs">
      {{ transactionCost.credits }}
    </p>
</UTooltip>

<NuxtLayout>
  <UApp :toaster="{ position: 'top-right' }">
     <NuxtPage />
 </UApp>
</NuxtLayout>

Description

The app.vue is already using the UApp. When I try to add a UTooltip inside the modal, it throw an error.

Additional context

No response

Logs

Uncaught (in promise) Error: Injection `Symbol(TooltipProviderContext)` not found. Component must be used within `TooltipProvider`

[benjamincanac]

The UApp component should wrap your app, above the NuxtLayout and the UTooltip: https://ui3.nuxt.dev/components/app

[hamonCordova]

The UApp component should wrap your app, above the NuxtLayout and the UTooltip: https://ui3.nuxt.dev/components/app

Same problem. I did that and the problem is not solved.
I didn't find any template for reproducing the error in CodeSandbox.

[benjamincanac]

Could you provide a github reproduction?