mdx-components.js

使用 @next/mdx 與 App Router 時，mdx-components.js|tsx 檔案是必要的，沒有它將無法運作。此外，您還可以用它來自訂樣式。

在專案根目錄建立 mdx-components.tsx (或 .js) 檔案來定義 MDX 元件。例如，放在與 pages 或 app 同層級的位置，或是放在 src 目錄內（如果適用）。

import type { MDXComponents } from 'mdx/types'

export function useMDXComponents(components: MDXComponents): MDXComponents {
  return {
    ...components,
  }
}

匯出項目

`useMDXComponents` 函式

此檔案必須匯出單一函式，可以是預設匯出或命名為 useMDXComponents。

import type { MDXComponents } from 'mdx/types'

export function useMDXComponents(components: MDXComponents): MDXComponents {
  return {
    ...components,
  }
}