chore: enable MDX type checking (#6368)

Author: remcohaszing

global.ts

@@ -0,0 +1,5 @@
+import type { mdxComponents } from '@/next.mdx.use.mjs';
+
+declare global {
+  type MDXProvidedComponents = typeof mdxComponents;
+}

next.mdx.use.mjs

@@ -32,7 +32,7 @@ import { ENABLE_WEBSITE_REDESIGN } from './next.constants.mjs';
 /**
  * A full list of React Components that we want to pass through to MDX
  *
- * @type {import('mdx/types').MDXComponents}
+ * @satisfies {import('mdx/types').MDXComponents}
  */
 export const mdxComponents = {
   // Legacy Component

tsconfig.json

@@ -18,8 +18,12 @@
     "plugins": [{ "name": "next" }],
     "baseUrl": "."
   },
+  "mdx": {
+    "checkMdx": true
+  },
   "include": [
     "next-env.d.ts",
+    "**/*.mdx",
     "**/*.ts",
     "**/*.tsx",
     ".next/types/**/*.ts",