MDX fails to render docs with Vue3

I build components with Vite, Vue3, VueJsx, Typescript, Tailwindcss.

Everything works fine with Storybook in Component Story Format, but MDX Format only render Canvas and no Docs.

<-- BaseInput.stories.mdx -->

import { Meta, Story } from "@storybook/addon-docs/blocks";
import BaseInput from "./BaseInput";

<Meta title="Input/BaseInput" component={BaseInput} />

export const Template = (args) => <BaseInput {...args} />;

### Expect To See Some Docs

> But No Results

<Story
  name="Text"
  args={{
    prefix: "Account",
  }}
>
  {Template.bind({})}
</Story>

<Story
  name="Password"
  args={{
    prefix: "Password",
    type: "password",
  }}
>
  {Template.bind({})}
</Story>

It works in Canvas

But it fails in Docs

Below is the error message from console

[shilman]

Added working example here https://github.com/storybookjs/storybook/pull/15383

@eXodes all vite-related issues should go to https://github.com/eirslett/storybook-builder-vite

[mockingjet]

@shilman https://github.com/mockingjet/storybook-vite-vue3-vuejsx-demo