[Bug]: When using a custom component in MDX, VSCode reports an error

[nick938]

版本信息

System:
    OS: Windows 11 10.0.22631
    CPU: (20) x64 13th Gen Intel(R) Core(TM) i9-13900H
    Memory: 6.31 GB / 31.75 GB
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    rspress: ^1.29.0 => 1.30.0

问题详情

在vscode终端中运行pnpm create rspress@latest 后，修改/docs/guide/index.md 为/docs/guide/index.mdx.
然后导入组件
import { Badge } from "@theme";

vscode提示找不到模块“@theme”或其相应的类型声明 

复现链接

pnpm create rspress@latest 修改md为mdx，导入rsprss内置组件

复现步骤

1.pnpm create rspress@latest
2.找个文件修改md为mdx，
3.导入rsprss内置组件

[nick938]

注释掉tsconfig.json中的
"mdx": {
"checkMdx": true
}，不会出现报错

[Timeless0911]

@theme is an alias which is converting in rspress build process, thus allowing users to use theme component without installing the corresponding theme package.

rspress/packages/core/src/node/initRsbuild.ts

Line 162 in ad41fe9

'@theme': [CUSTOM_THEME_DIR, DEFAULT_THEME],

The default template set mdx.checkMdx true, so there is an error in vscode.

This can be ignored. Or you can mannually install @rspress/theme-default in your project and use like import { Badge } from "@rspress/theme-default".