Nuxt3 SSR is set to false, the tooltip and toast become invalid

[miuss]

Environment

Operating System: Darwin
Node Version: v22.1.0
Nuxt Version: 3.16.2
CLI Version: 3.24.0
Nitro Version: 2.11.8
Package Manager: yarn@4.7.0
Builder: -
User Config: ssr: false
Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

3.16.2

Reproduction

Description

App.vue

<template>
  <UApp :toaster="{ position: 'top-right', expand: true }"
        :tooltip="{ delayDuration: 150, skipDelayDuration: 100 }">
    <NuxtLayout>
      <RouterView />
    </NuxtLayout>
  </UApp>
</template>
<script setup lang="ts">
import {TooltipProviderProps} from "reka-ui";

const tooltipProps : TooltipProviderProps = {
  delayDuration: 700,
  skipDelayDuration: 300,
  disableHoverableContent: false,
  disableClosingTrigger: false,
  disabled: false,
  ignoreNonKeyboardFocus: false,
}
</script>

nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-11-01',
  ssr: false,
  srcDir: 'src',
  devtools: { enabled: true },
  modules: [
    '@nuxt/ui',
    '@pinia/nuxt',
    '@nuxt/image',
    'nuxt-icons',
    '@nuxtjs/i18n',
  ],
  css: ['~/assets/css/main.css']
})

I found that when Nuxt3 SSR is set to false, the tooltip and toast do not display, and the tooltip also reports an error of 500

Injection Symbol(TooltipProviderContext) not found. Component must be used within TooltipProvider

I hope to find a solution.

Additional context

No response

Logs