fix: Image component in mdx components after next 13.5

components/mdx-components.tsx

@@ -147,7 +147,9 @@ const components = {
       {...props}
     />
   ),
-  Image,
+  Image: (props: React.ComponentProps<typeof Image>) => (
+    <Image {...props} alt={props.alt} />
+  ),
   Callout,
   Card: MdxCard,
 }

package.json

@@ -84,7 +84,8 @@
     "stripe": "^14.8.0",
     "tailwind-merge": "^2.1.0",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.22.4"
+    "zod": "^3.22.4",
+    "markdown-wasm": "^1.2.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",
@@ -102,32 +103,25 @@
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-tailwindcss": "^3.13.0",
     "husky": "^8.0.3",
-    "mdast-util-toc": "^7.0.0",
+    "mdast-util-toc": "^6.1.1",
     "postcss": "^8.4.32",
     "prettier": "^3.1.1",
     "prettier-plugin-tailwindcss": "^0.5.9",
     "pretty-quick": "^3.1.3",
     "prisma": "^5.7.0",
-    "rehype": "^13.0.1",
-    "rehype-autolink-headings": "^7.1.0",
-    "rehype-pretty-code": "^0.12.1",
-    "rehype-slug": "^6.0.0",
-    "remark": "^15.0.1",
+    "rehype": "^12.0.1",
+    "rehype-autolink-headings": "^6.1.0",
+    "rehype-pretty-code": "^0.6.0",
+    "rehype-slug": "^5.1.0",
+    "remark": "^14.0.3",
     "remark-gfm": "^3.0.1",
-    "shikiji": "^0.8.4",
+    "shiki": "^0.12.1",
     "tailwindcss": "^3.3.6",
     "typescript": "5.3.3",
-    "unist-util-visit": "^5.0.0"
+    "unist-builder": "3.0.0",
+    "unist-util-visit": "^4.1.2"
   },
-  "pnpm": {
-    "overrides": {
-      "@opentelemetry/api": "1.4.1",
-      "@opentelemetry/core": "1.13.0",
-      "@opentelemetry/exporter-trace-otlp-grpc": "0.39.1",
-      "@opentelemetry/resources": "1.13.0",
-      "@opentelemetry/sdk-trace-base": "1.13.0",
-      "@opentelemetry/sdk-trace-node": "1.13.0",
-      "@opentelemetry/semantic-conventions": "1.13.0"
-    }
+  "peerDependencies": {
+    "esbuild": "^0.17.3"
   }
 }