add math

next.config.mjs

 import nextMDX from "@next/mdx";
 import remarkGfm from "remark-gfm";
+import rehypeMathjax from "rehype-mathjax";
+import remarkMath from "remark-math";
 
 const withMDX = nextMDX({
   extension: /\.mdx?$/,
   options: {
-    remarkPlugins: [remarkGfm],
-    rehypePlugins: [],
+    remarkPlugins: [remarkMath, remarkGfm],
+    rehypePlugins: [rehypeMathjax],
     // If you use `MDXProvider`, uncomment the following line.
     providerImportSource: "@mdx-js/react",
   },
-  
 });
 export default withMDX({
   // Append the default value with md extensions

package.json

@@ -18,7 +18,9 @@
     "react": "18.2.0",
     "react-children-utilities": "^2.8.0",
     "react-dom": "18.2.0",
-    "react-intersection-observer": "^9.4.0"
+    "react-intersection-observer": "^9.4.0",
+    "rehype-mathjax": "^4.0.2",
+    "remark-math": "^5.1.1"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.7",