[Bug Report][3.0.0-next-20220107.0] Got "Uncaught TypeError: dir is undefined" when using TextField or Textarea

[BreizhReloaded]

Environment

Vuetify Version: 3.0.0-next-20220107.0
Last working version: 3.0.0-alpha.12
Vue Version: 3.2.26
Browsers: Firefox 95.0
OS: Windows 10

Steps to reproduce

1. Start Vue project using Vuetify Nightly 20220107
2. Use TextField component
3. Get "Uncaught TypeError: dir is undefined" in console

Expected Behavior

Text Field is displayed

Actual Behavior

Component is not displayed

Reproduction Link

https://github.com/BreizhReloaded/my-vue-app

Other comments

I checked the previous versions, the last working version may be 20211217. It seems to be related to the Field component or its dependencies as Text Field and Textarea both import it.

[KaelWD]

This is a compiler bug: vuejs/babel-plugin-jsx#541

Workaround is to import the intersect directive globally:

import { Intersect } from 'vuetify/directives'

createVuetify({
  directives: { Intersect },
})

[BreizhReloaded]

I noticed indeed last week that importing directives solves the issue, it works perfectly when adding only Intersect. Thanks for the cleaner workaround Kael, hope they'll fix that soon!