Remove remark-rehype to fix website MDX (#2436)

website/mdx-components.js

@@ -1,9 +0,0 @@
-// This file is required to use @next/mdx in the `app` directory.
-export function useMDXComponents(components) {
-  return components;
-  // Allows customizing built-in components, e.g. to add styling.
-  // return {
-  //   h1: ({ children }) => <h1 style={{ fontSize: "100px" }}>{children}</h1>,
-  //   ...components,
-  // }
-}

website/mdx-components.tsx

@@ -0,0 +1,7 @@
+import type { MDXComponents } from "mdx/types";
+
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+  return {
+    ...components,
+  };
+}

website/next.config.mjs

@@ -2,7 +2,6 @@
 import nextMDX from "@next/mdx";
 import remarkGfm from "remark-gfm";
 import remarkParse from "remark-parse";
-import remarkRehype from "remark-rehype";
 import rehypeStringify from "rehype-stringify";
 import rehypeHighlight from "rehype-highlight";
 
@@ -41,7 +40,7 @@ const nextConfig = {
       },
     ];
   },
-  pageExtensions: ["js", "jsx", "ts", "tsx", "md", "mdx"],
+  pageExtensions: ["js", "jsx", "md", "mdx", "ts", "tsx"],
   images: {
     dangerouslyAllowSVG: true,
     remotePatterns: [
@@ -64,7 +63,7 @@ const nextConfig = {
 const withMDX = nextMDX({
   extension: /\.mdx?$/,
   options: {
-    remarkPlugins: [remarkGfm, remarkParse, remarkRehype],
+    remarkPlugins: [remarkGfm, remarkParse],
     rehypePlugins: [
       rehypeSlug,
       [

website/package.json

@@ -10,27 +10,27 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@docsearch/react": "^3.5.1",
+    "@docsearch/react": "^3.5.2",
     "@mdx-js/loader": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
-    "@next/mdx": "^13.4.12",
-    "@types/mdx": "^2.0.5",
+    "@next/mdx": "~13.4.19",
+    "@types/mdx": "^2.0.9",
     "@types/node": "20.2.3",
     "@types/react": "18.2.6",
     "@types/react-dom": "18.2.13",
-    "@types/react-syntax-highlighter": "^15.5.7",
-    "asciinema-player": "^3.5.0",
+    "@types/react-syntax-highlighter": "^15.5.9",
+    "asciinema-player": "^3.6.3",
     "autoprefixer": "10.4.14",
     "fast-xml-parser": "^4.3.2",
     "flowbite": "^1.8.1",
     "flowbite-react": "^0.4.11",
     "highlight.js": "^11.9.0",
     "md5": "^2.3.0",
-    "next": "13.5.5",
+    "next": "~13.4.19",
     "next-hubspot": "^1.1.6",
-    "next-sitemap": "^4.1.8",
+    "next-sitemap": "^4.2.3",
     "postcss": "8.4.31",
-    "posthog-js": "^1.75.2",
+    "posthog-js": "^1.84.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-fast-marquee": "^1.6.2",
@@ -38,13 +38,12 @@
     "react-markdown": "^8.0.7",
     "react-syntax-highlighter": "^15.5.0",
     "rehype-autolink-headings": "^6.1.1",
-    "rehype-highlight": "^7.0.0",
-    "rehype-slug": "^6.0.0",
-    "rehype-stringify": "^9.0.3",
+    "rehype-highlight": "^6.0.0",
+    "rehype-slug": "^5.1.0",
+    "rehype-stringify": "^10.0.0",
     "remark-gfm": "^3.0.1",
-    "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.0.0",
-    "tailwindcss": "3.3.3"
+    "remark-parse": "^10.0.2",
+    "tailwindcss": "3.3.2"
   },
   "devDependencies": {
     "flowbite-typography": "^1.0.3",