Unable to use MDX with turbopack

[max-degterev]

Link to the code that reproduces this issue

https://github.com/max-degterev/nextjs-mdx-bugged

To Reproduce

1. Follow official documentation steps described here https://nextjs.org/docs/pages/building-your-application/configuring/mdx#add-an-mdx-componentstsx-file
2. Attempt to use plugins with turbopack as described here https://nextjs.org/docs/pages/building-your-application/configuring/mdx#using-plugins-with-turbopack

Current vs. Expected behavior

Next fails with an error:

 ⨯ ./src/app/test/page.mdx
Error evaluating Node.js code
TypeError: Expected usable value, not `remark-breaks`
    [at add (file:///Users/max/Repositories/nextjs-mdx-bugged/node_modules/unified/lib/index.js:1100:15)]
    [at addList (file:///Users/max/Repositories/nextjs-mdx-bugged/node_modules/unified/lib/index.js:1134:11)]
    [at Function.use (file:///Users/max/Repositories/nextjs-mdx-bugged/node_modules/unified/lib/index.js:1074:9)]
    [at createProcessor (file:///Users/max/Repositories/nextjs-mdx-bugged/node_modules/@mdx-js/mdx/lib/core.js:209:6)]
    [at split (file:///Users/max/Repositories/nextjs-mdx-bugged/node_modules/@mdx-js/mdx/lib/util/create-format-aware-processors.js:85:37)]
    [at process (file:///Users/max/Repositories/nextjs-mdx-bugged/node_modules/@mdx-js/mdx/lib/util/create-format-aware-processors.js:62:31)]
    [at Proxy.loader (file:///Users/max/Repositories/nextjs-mdx-bugged/node_modules/@mdx-js/loader/lib/index.js:89:3)]
    [at /Users/max/Repositories/nextjs-mdx-bugged/node_modules/@mdx-js/loader/index.cjs:32:26]

Using this config:

const withMDX = createMDX({
 options: {
   remarkPlugins: ['remark-breaks'],
   rehypePlugins: [['rehype-external-links', {
     target: '_blank', rel: ['noopener', 'noreferrer', 'nofollow'],
   }]],
 },
})

Which also produces type errors. Is there something I'm missing?

Provide environment information

~/Repositories/nextjs-mdx-bugged │ master  npx --no-install next info                                                                                                         ✔
/bin/sh: yarn: command not found
/bin/sh: pnpm: command not found

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 24.1.0: Thu Oct 10 21:03:11 PDT 2024; root:xnu-11215.41.3~2/RELEASE_ARM64_T6020
  Available memory (MB): 32768
  Available CPU cores: 12
Binaries:
  Node: 22.12.0
  npm: 10.9.1
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  next: 15.1.3 // Latest available version is detected (15.1.3).
  eslint-config-next: 15.1.3
  react: 19.0.0
  react-dom: 19.0.0
  typescript: 5.7.2
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Markdown (MDX)

Which stage(s) are affected? (Select all that apply)

next dev (local), next build (local), next start (local), Other (Deployed)

Additional context

No response