Menu (open on hover) gives Vue Warn: Property "props" was accessed during render but is not defined on instance.

[paulodrjr]

Hi,

I have a menu structured like this:

<v-menu :open-on-hover="item.children.length > 0" close-on-content-click="false" v-for="(item, index) in menus" :key="index" :value="index"> <template v-slot:activator="{ props }"> <v-btn color="rgb(0 0 0 / 65%)" v-bind="props" :prepend-icon="'fa:fas ' + item.iconClass" v-on:click="navigate(item.url)" class="text-capitalize"> {{ item.label }} </v-btn> </template> <v-list v-if="item.children.length > 0"> <template v-for="submenu in item.children" :key="'s' + submenu.id"> <v-divider v-if="submenu.hasHrBefore" :key="'hrb' + submenu.id"></v-divider> <v-list-item :prepend-icon="'fa:fas ' + submenu.iconClass" v-on:click="navigate(submenu.url)" :title="submenu.label"> </v-list-item> <v-divider v-if="submenu.hasHrAfter" :key="'hra' + submenu.id"></v-divider> </template> </v-list> </v-menu>

The on hover works well, but Vue continue to give me the following warn (running on Chrome):

runtime-core.esm-bundler.js:41 [Vue warn]: Property "props" was accessed during render but is not defined on instance.
at
at
at <VNavigationDrawer modelValue=false onUpdate:modelValue=fn location="right" ... >
at <TheHeader onVnodeUnmounted=fn ref=Ref< Proxy(Object) {fetchMenus: ƒ, navigate: ƒ, logout: ƒ, …} > >
at
at
at
at <App onVnodeUnmounted=fn ref=Ref< Proxy(Object) {…} > >
at
at
at

Can anyone help me with it?