discord.js/apps/guide/src/mdx-components.tsx

import { Popup, PopupContent, PopupTrigger } from 'fumadocs-twoslash/ui';
import * as TabsComponents from 'fumadocs-ui/components/tabs';
import defaultMdxComponents from 'fumadocs-ui/mdx';
import type { MDXComponents } from 'mdx/types';
import { Mermaid } from '@/components/mdx/mermaid';

export function getMDXComponents(components?: MDXComponents): MDXComponents {
	return {
		...(defaultMdxComponents as MDXComponents),
		Popup,
		PopupContent,
		PopupTrigger,
		Mermaid,
		...TabsComponents,
		...components,
	};
}