fix(mdx): #291 directory import error on next.js pages router

Use full path to mdx-bundler client include index.js, instead of only the directory. This should fix the usage of mdx package in next.js pages router. Add sample for next.js pages router Closes: #277
sdorra · Sep 12, 2024 · fd7f11d · fd7f11d
1 parent b3a10d7
commit fd7f11d
Show file tree

Hide file tree

Showing 22 changed files with 815 additions and 89 deletions.
diff --git a/packages/mdx/package.json b/packages/mdx/package.json
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "esbuild": "^0.21.4",
-    "mdx-bundler": "^10.0.2",
+    "mdx-bundler": "^10.0.3",
     "unified": "^11.0.5"
   },
   "peerDependencies": {

diff --git a/packages/mdx/src/react/client.tsx b/packages/mdx/src/react/client.tsx
@@ -1,4 +1,4 @@
-import { MDXContentProps, getMDXComponent } from "mdx-bundler/client";
+import { MDXContentProps, getMDXComponent } from "mdx-bundler/client/index.js";
 import { useMemo } from "react";
 
 export function useMDXComponent(