Not Support In typescript file

[boswellgao]

in index.tsx

import Readme from './Readme.mdx'

and the lint told me

Cannot find module './Readme.mdx' or its corresponding type declarations.ts(2307)

[silvenon]

Could you share more about your setup? Your Vite configuration, project structure, or ideally steps to reproduce the error.

[boswellgao]

@silvenon Thank you for your reply

here you can get the project

https://github.com/boswellgao/vite-react-live-preview

[silvenon]

The problem is with TypeScript, not vite-plugin-mdx. Vite only compiles away TypeScript, it doesn't do any type checking. One way to solve your problem is to add a common type definition for all your *.mdx files by creating a file named e.g. src/mdx.d.ts (the name doesn't matter):

declare module '*.mdx' {
  let MDXComponent: (props: Record<string, unknown>) => JSX.Element
  export default MDXComponent
}

If you need to be more specific about a particular *.mdx, add a .d.ts file with the same name.

[boswellgao]

@silvenon Thanks. you are right,it's typescript proplem
TypeScript support for .mdx file extensions