ERR_UNSUPPORTED_DIR_IMPORT when using MDXContent or useMDXComponent

[rossmeissl]

If I use mdx-bundler's getMDXComponent mechanism directly, the problem goes away.

[sdorra]

Could you provide more details? Which package manager do you use? Is your application a module (type=module in package.json) or a commonjs app? Do you use the MDX hook or component in an RSC context? Can you show the code which uses the MDX hook or component?

[rossmeissl]

@sdorra I could have sworn I responded here a few minutes ago but now it's gone. Did you remove the comment?

[sdorra]

@rossmeissl No, I am looking at the ticket for the first time today

[rossmeissl]

@sdorra OK strange let me try again:

• npm
• Next.js 14.2.5
• There's no type=module in package.json but I also don't think it's fair to say it's a CommonJS application
• Here's a screenshot of the implementation against mdx-bundler which is almost the same as yours, but it works correctly. (I tried both the component and hook.)

[sdorra]

I've tried to reproduce the issue:

https://github.com/sdorra/cc-issue-277

But it works as expected. Can you check if there are any differences between my sample and yours?

[rossmeissl]

My directory structure uses src/pages instead of /app . . . could that be it?

[sdorra]

@rossmeissl I've updated the sample to use the pages router with a src directory, and it works as well. Is it possible that I get access to the repository with the issue so that I can look myself?

[rossmeissl]

Unfortunately no it's our monorepo but let me see if I can extract just enough to repro . . .

[rossmeissl]

@sdorra sent you an email. Let me know if I can help further!

[sdorra]

@rossmeissl i was able to reproduce the issue. I can even reproduce it with my repository. When I navigate to an article and then press refresh, I get the error. The error seems to occur only in the Pages Router. I will try to fix it.

[rossmeissl]

Thanks @sdorra !

[sdorra]

@rossmeissl the fix is not yet released. Have you tested the fix with the preview release? If not can you please test if it fixes your problem? You only have to install the packages as described in the following comment:

#291 (comment)

[rossmeissl]

Unfortunately I think it still doesn't work. I updated @content-collections/mdx in my package.json as follows:

{
  // ...
  "devDependencies": {
    "@content-collections/core": "^0.6.2",
    "@content-collections/mdx": "https://pkg.pr.new/sdorra/content-collections/@content-collections/mdx@291",
    // ...
  }
  // ...
}

And I get:

[rossmeissl]

Actually, hmm, this appears to have just emerged unrelated to this PR

[rossmeissl]

It works!

(I had previously told Next to transpile mdx-bundler and content-collections/mdx in an attempt to fix this earlier and forgot to remove that bit.)

[rossmeissl]

@sdorra shall I close this?