Monorepo for vue3+vite, React is not defined

[AIDeepx]

Summary

After the project was launched, an error occurred as shown in the diagram. After clearing Node.js modules, reinstalling pnpm installation still cannot solve this problem

Additional information

pnpm-workspace.yaml

The storybook project is located in the example directory，name: @melon/mui-doc

packages:
  - "examples/*"
  - "internals/*"
  - "packages/**"
  - "!**/test/**"

@melon/mui-doc package.json

{
  "name": "@melon/mui-doc",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vue-tsc -b && vite build",
    "preview": "vite preview",
    "gen:stories": "tsx scripts/generate-stories.ts",
    "storybook": "storybook dev -p 6006",
    "build-storybook": "storybook build"
  },
  "devDependencies": {
    "@chromatic-com/storybook": "3.2.4",
    "@melon/mui": "workspace:^",
    "@melon/theme": "workspace:^",
    "@storybook/addon-essentials": "8.5.8",
    "@storybook/addon-interactions": "8.5.8",
    "@storybook/addon-onboarding": "8.5.8",
    "@storybook/blocks": "8.5.8",
    "@storybook/test": "8.5.8",
    "@storybook/vue3": "8.5.8",
    "@storybook/vue3-vite": "8.5.8",
    "storybook": "8.5.8"
  }
}

.storybook/main.ts

const config = {
	stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
	addons: [
		"@storybook/addon-onboarding",
		"@storybook/addon-essentials",
		"@chromatic-com/storybook",
		"@storybook/addon-interactions"
	],
	framework: {
		name: "@storybook/vue3-vite",
		options: {}
	}
};
export default config;

.storybook/main.ts

const preview = {
	parameters: {
		controls: {
			matchers: {
				color: /(background|color)$/i,
				date: /Date$/i
			}
		}
	}
};

export default preview;

Create a reproduction

No response