Bump next-mdx-remote from 3.0.8 to 4.2.1 (#417)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Anderson Banihirwe <[email protected]>

Author: dependabot[bot]

next.config.mjs

@@ -8,6 +8,7 @@ const withMDX = nextMDX({
     rehypePlugins: [rehypeSlug],
     // If you use `MDXProvider`, uncomment the following line.
     providerImportSource: "@mdx-js/react",
+    format: 'mdx',
   },
 })
 

package.json

@@ -23,8 +23,8 @@
     "@emotion/styled": "^11.10.5",
     "@fontsource/inter": "^4.5.14",
     "@giscus/react": "^2.2.6",
-    "@mdx-js/loader": "^1.6.22",
-    "@mdx-js/react": "^1.6.22",
+    "@mdx-js/loader": "^2.1.5",
+    "@mdx-js/react": "^2.1.5",
     "@next/mdx": "^13.0.5",
     "apexcharts": "3.36.3",
     "d3": "^7.8.0",
@@ -33,7 +33,7 @@
     "framer-motion": "^8.4.3",
     "gray-matter": "^4.0.3",
     "next": "^13.1.2",
-    "next-mdx-remote": "^3.0.8",
+    "next-mdx-remote": "^4.2.1",
     "react": "^18.2.0",
     "react-apexcharts": "^1.4.0",
     "react-dom": "^18.2.0",

src/pages/blog/[id].js

@@ -121,6 +121,7 @@ export async function getStaticProps({ params }) {
     mdxOptions: {
       remarkPlugins: [],
       rehypePlugins: [rehypeSlug],
+      format: 'mdx',
     },
   })