Error: loader /Users/rwest/Repositories/website/node_modules/@mdx-js/loader/index.cjs for match "*.mdx" does not have serializable options. Ensure that options passed are plain JavaScript objects and values.

[hiroshinishio]

Link to the code that reproduces this issue

https://github.com/vercel/turborepo/issues

To Reproduce

npm run dev (with --turbo)

Current vs. Expected behavior

rwest@Roshis-MacBook-Pro website % npm run dev

[email protected] dev
next dev --turbo

[@sentry/nextjs] WARNING: You are using the Sentry SDK with next dev --turbo. The Sentry SDK doesn't yet fully support Turbopack. The SDK will not be loaded in the browser, and serverside instrumentation will be inaccurate or incomplete. Production builds without --turbo will still fully work. If you are just trying out Sentry or attempting to configure the SDK, we recommend temporarily removing the --turbo flag while you are developing locally. Follow this issue for progress on Sentry + Turbopack: getsentry/sentry-javascript#8105. (You can suppress this warning by setting SENTRY_SUPPRESS_TURBOPACK_WARNING=1 as environment variable)
▲ Next.js 15.2.0 (Turbopack)

• Local: http://localhost:3000
• Network: http://10.11.208.84:3000
• Environments: .env.local
• Experiments (use with caution):
  · turbo
  · clientTraceMetadata

✓ Starting...
[Error: loader /Users/rwest/Repositories/website/node_modules/@mdx-js/loader/index.cjs for match "*.mdx" does not have serializable options. Ensure that options passed are plain JavaScript objects and values.]

Provide environment information

.json
{
  "name": "gitauto",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev --turbo",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@chakra-ui/react": "^2.8.2",
    "@emotion/react": "^11.11.4",
    "@emotion/styled": "^11.11.0",
    "@fortawesome/fontawesome-svg-core": "^6.7.1",
    "@fortawesome/free-brands-svg-icons": "^6.7.1",
    "@fortawesome/free-regular-svg-icons": "^6.7.1",
    "@fortawesome/free-solid-svg-icons": "^6.7.1",
    "@fortawesome/react-fontawesome": "^0.2.0",
    "@intercom/messenger-js-sdk": "^0.0.11",
    "@mdx-js/loader": "^3.0.1",
    "@mdx-js/react": "^3.0.1",
    "@next/mdx": "^15.0.3",
    "@octokit/auth-app": "^7.1.3",
    "@octokit/rest": "^21.0.2",
    "@prisma/client": "^5.16.1",
    "@sentry/cli": "^2.39.1",
    "@sentry/nextjs": "^8.41.0",
    "@stripe/react-stripe-js": "^3.0.0",
    "@stripe/stripe-js": "^5.2.0",
    "@supabase/supabase-js": "^2.46.2",
    "@types/mdx": "^2.0.13",
    "@vercel/analytics": "^1.4.1",
    "@vercel/speed-insights": "^1.1.0",
    "axios": "^1.7.2",
    "framer-motion": "^11.2.13",
    "glob": "^11.0.0",
    "js-tiktoken": "^1.0.19",
    "jsonwebtoken": "^9.0.2",
    "lodash": "^4.17.21",
    "next": "^15.2.0",
    "next-auth": "^4.24.10",
    "playwright": "^1.49.0",
    "posthog-js": "^1.194.1",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-icons": "^5.2.1",
    "remark-gfm": "^4.0.0",
    "stripe": "^17.4.0",
    "swr": "^2.2.5",
    "uuid": "^11.0.3",
    "zod": "^3.23.8"
  },
  "devDependencies": {
    "@types/jsonwebtoken": "^9.0.6",
    "@types/node": "^20.14.10",
    "@types/react": "^18.3.3",
    "@types/react-dom": "^18.3.0",
    "autoprefixer": "^10.4.19",
    "eslint": "^9.16.0",
    "eslint-config-next": "^15.0.3",
    "postcss": "^8.4.39",
    "prisma": "^5.16.1",
    "tailwindcss": "^3.4.15",
    "typescript": "^5.5.3"
  }
}

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

Turbopack

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

next dev (local)

Additional context

No response

[chrisweb]

@hiroshinishio i think this is a duplicate: #73757