Unable to use leave in jsx file

[cdwmhcc]

System info

---

• Operating System: Windows_NT
• Node Version: v20.11.1
• Nuxt Version: 3.10.3
• CLI Version: 3.10.1
• Nitro Version: 2.8.1
• Package Manager: [email protected]
• Builder: -
• User Config: runtimeConfig, alias, css, imports, components, modules, i18n, colorMode, hooks, watch, vite, devtools
• Runtime Modules: @nuxtjs/[email protected], @nuxtjs/[email protected], @vueuse/motion/[email protected]
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/nuxt-starter-5dyhhf?file=pages%2Findex.tsx

Describe the bug

https://motion.vueuse.org/features/variants#leave
JSX: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'leave')

In vue file it is working.

Additional context

No response

Logs

No response