14 lines
367 B
TypeScript
14 lines
367 B
TypeScript
"use client";
|
|
|
|
import { useMemo } from 'react';
|
|
import { getMDXComponent } from 'mdx-bundler/client';
|
|
import { mdxComponents } from './mdx';
|
|
|
|
interface CustomMDXProps {
|
|
code: string;
|
|
}
|
|
|
|
export function CustomMDX({ code }: CustomMDXProps) {
|
|
const Component = useMemo(() => getMDXComponent(code), [code]);
|
|
return <Component components={{ ...mdxComponents }} />;
|
|
} |