Hover submenu in menu not working

[ariz-arizona]

const menuItems = [
  { key: 1, label: 'test' },
  { key: 2, label: 'test submenu', children: [{ key: 3, label: 'option' }] },
]
</script>

<template>
  <a-extract-style>
    <a-config-provider :theme="theme">
      <div class="container">
        <a-menu :items="menuItems" mode="horizontal" />
...