change to rehypeMdxImportMedia

Author: Boltzmachine

next.config.mjs

@@ -1,7 +1,7 @@
 import createMDX from '@next/mdx'
 import remarkMath from 'remark-math'
 import rehypeKatex from 'rehype-katex'
-import remarkMdxImages from 'remark-mdx-images'
+import rehypeMdxImportMedia from 'rehype-mdx-import-media'
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -24,7 +24,7 @@ const nextConfig = {
 const withMDX = createMDX({
     // Add markdown plugins here, as desired
     options: {
-        remarkPlugins: [remarkMath, remarkMdxImages],
+        remarkPlugins: [remarkMath, rehypeMdxImportMedia],
         rehypePlugins: [rehypeKatex],
     },
 })

package-lock.json

@@ -40,6 +40,7 @@
 		"react-dom": "^18.3.1",
 		"react-icons": "^5.3.0",
 		"rehype-katex": "^7.0.1",
+		"rehype-mdx-import-media": "^1.2.0",
 		"remark-math": "^6.0.0",
 		"remark-mdx-images": "^3.0.0",
 		"sharp": "^0.33.5"