Style is not applied to elements declared outside mdx files

[cglacet]

Hello, I can't figure out a simple thing. I can't attach (docs) theme to component that are declared in a separate (.tsx) file.

The following code works as expected and the link is blue and underlined:

export const Test = () => {
  return <a href="#">test</a>;
};

<Test />

But if I declare the same component in a separate file the doesn't have the proper className (not styled according to the theme):

import { Test } from '~/components/test';

<Test />

I also have the problem when the component contains titles (h2 for example). But in that case the TOC entry is also missing (both in the inline and imported component).

I'm probably missing something obvious but I'm a bit lost here.

I found that someone has an open issue with a similar question but the current answer doesn't make sense to me (copy pasting the style).