Type error when using named import from "*.mdx"

[unxok]

Hi!

[remix-run and vite/rollup]

I'm using the plugin rehype-mdx-toc which causes toc to be exported from all MDX components. The plugin works fine and I can see the toc being generated, however I get a type error when trying to do the named import:

import Introduction, { toc } from "~/articles/introduction.mdx";
                    // ?^ Module has no exported member toc...

I even tried using a type declarations file like so:

// types.d.ts
import { Element, MDXContent } from "mdx/types";
import {TocItem} from "rehype-mdx-toc"

declare module "*.mdx" {
	export const toc:
		| undefined
		| TocItem[];
	export default function MDXContent(props: MDXProps): Element;
}

export {};

But that only works if you declare a module for that specific file path, and obviously I would like to avoid having to add a declaration every time I create a new .mdx file.

I couldn't find any existing issues or discussions of anyone else having this problem, so maybe there's a configuration I'm missing somewhere? Any help would be greatly appreciated!

[remcohaszing]

I need a link to the project or a minimal reproduction to help.