+ {[...Array(3)].map((_, i) => (
+
+ ))}
+
+ );
}
-}
-
-export async function DocsChangelog() {
- const entries = await getChangelogEntries();
if (entries.length === 0) {
return (
@@ -43,7 +49,6 @@ export async function DocsChangelog() {
);
}
- // Show only the 20 most recent entries
const recentEntries = entries.slice(0, 20);
return (
@@ -84,18 +89,16 @@ export async function DocsChangelog() {
)}
-
{entry.description}
- {entry.filesChanged && totalFiles > 0 && (View changed files
- {entry.filesChanged.added && entry.filesChanged.added.length > 0 && (
+ {entry.filesChanged.added?.length > 0 && (
Added:
@@ -109,67 +112,40 @@ export async function DocsChangelog() {
)}
- {entry.filesChanged.modified &&
- entry.filesChanged.modified.length > 0 && (
-
-
- Modified:
-
-
- )}
- {entry.filesChanged.removed &&
- entry.filesChanged.removed.length > 0 && (
- -
- {entry.filesChanged.modified.map(file => (
-
- - {file} - - ))} -
-
- Removed:
-
-
- )}
+ {entry.filesChanged.modified?.length > 0 && (
+ -
- {entry.filesChanged.removed.map(file => (
-
- - {file} - - ))} -
+
+ Modified:
+
+
+ )}
+ {entry.filesChanged.removed?.length > 0 && (
+ -
+ {entry.filesChanged.modified.map(file => (
+
- + {file} + + ))} +
+
+ Removed:
+
+
+ )}
-
+ {entry.filesChanged.removed.map(file => (
+
- + {file} + + ))} +
-
- )}
);
}
diff --git a/src/components/featureInfo.tsx b/src/components/featureInfo.tsx
index efb752616b2ab..c3e22da4c79ae 100644
--- a/src/components/featureInfo.tsx
+++ b/src/components/featureInfo.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @next/next/no-html-link-for-pages */
import type {ReactNode} from 'react';
import {Fragment} from 'react';
diff --git a/src/getMDXComponent.ts b/src/getMDXComponent.ts
index ab5ead661ed29..84b8e88814db7 100644
--- a/src/getMDXComponent.ts
+++ b/src/getMDXComponent.ts
@@ -1,9 +1,11 @@
/**
- * Local implementation of getMDXComponent replacing mdx-bundler/client.
+ * Evaluates compiled MDX code and returns a React component.
*
- * Eliminates the runtime dependency on mdx-bundler/client which has CJS/ESM
- * compatibility issues in Vercel serverless functions. Since getMDXComponent
- * only needs React at runtime, we can safely inline this implementation.
+ * Supports both output formats:
+ * - @mdx-js/mdx compile() with outputFormat: 'function-body'
+ * → uses arguments[0] for jsx runtime
+ * - Legacy mdx-bundler output (IIFE accessing named scope variables)
+ * → uses named params: React, ReactDOM, _jsx_runtime
*/
import type {ComponentType, FunctionComponent} from 'react';
// Namespace imports required - MDX runtime expects React, ReactDOM, jsx_runtime in scope
@@ -19,7 +21,7 @@ export interface MDXContentProps {
}
/**
- * Takes compiled MDX code from bundleMDX and returns a React component.
+ * Takes compiled MDX code and returns a React component.
*/
export function getMDXComponent(
code: string,
@@ -29,13 +31,17 @@ export function getMDXComponent(
}
/**
- * Takes compiled MDX code from bundleMDX and returns all exports.
+ * Takes compiled MDX code and returns all exports.
+ *
+ * @mdx-js/mdx function-body output destructures jsx runtime from arguments[0]:
+ * const {Fragment, jsx, jsxs} = arguments[0];
+ *
+ * We pass jsxRuntime as the sole argument to new Function(code).
*/
export function getMDXExport<
ExportedObject = {default: FunctionComponent- Showing the 20 most recent updates. View the{' '} - - full content dashboard - {' '} - or subscribe to the{' '} - - RSS feed - - . -
-