Vuetify button cannot be mounted on story with grid layout

[pdmshrestha]

Describe the bug

Unable to use vuetify button on story

<template>
  <Story :layout="{ type: 'grid', width: 200}">
    <Variant title="Default">
      <VBtn>Hello world</VBtn>
    </Variant>
  </Story>
</template>

<script setup lang="ts">
import { VBtn } from "vuetify/components/VBtn" 
</script>

The above story throws expection when you try to select the component.

Reproduction

https://stackblitz.com/edit/vitejs-vite-ixfceb

npm run story:dev

System Info

System:
    OS: macOS 14.4.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 771.09 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.19.0 - ~/.nvm/versions/node/v18.19.0/bin/node
    npm: 10.2.3 - ~/.nvm/versions/node/v18.19.0/bin/npm
    pnpm: 8.10.3 - ~/Library/pnpm/pnpm
  Browsers:
    Chrome: 121.0.6167.184
    Edge: 123.0.2420.81
    Safari: 17.4.1
  npmPackages:
    @histoire/plugin-vue: ^0.17.16 => 0.17.16 
    @vitejs/plugin-vue: ^4.2.3 => 4.6.2 
    histoire: ^0.17.16 => 0.17.16 
    vite: ^4.4.5 => 4.5.3 

### Used Package Manager

npm

### Validations

- [X] Follow our [Code of Conduct](https://github.com/histoire-dev/histoire/blob/main/CODE_OF_CONDUCT.md)
- [X] Read the [Contributing Guidelines](https://github.com/histoire-dev/histoire/blob/main/CONTRIBUTING.md).
- [X] Read the [docs](https://histoire.dev/guide/).
- [X] Check that there isn't [already an issue](https://github.com/histoire-dev/histoire/issues) that reports the same bug to avoid creating a duplicate.
- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/histoire-dev/histoire/discussions).
- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitejs-vite-ixfceb (Open reproduction)