9.x-dev/docs/mdx-components.tsx

import { Skeleton } from "@mui/material";
import type { MDXComponents } from "mdx/types";
import Image from "next/image";
import { ComponentProps } from "react";
import ImageWithSkeleton from "./components/MDX/ImageWithSkeleton";

export function useMDXComponents(components: MDXComponents): MDXComponents {
    return {
        ...components,
        Image: (props: ComponentProps<typeof Image>) => <Image {...props} />,
        ImageWithSkeleton: (
            props: ComponentProps<typeof ImageWithSkeleton>,
        ) => <ImageWithSkeleton {...props} />,
        Skeleton: (props: ComponentProps<typeof Skeleton>) => (
            <Skeleton {...props} />
        ),
    };
}
1	import { Skeleton } from "@mui/material";
2	import type { MDXComponents } from "mdx/types";
3	import Image from "next/image";
4	import { ComponentProps } from "react";
5	import ImageWithSkeleton from "./components/MDX/ImageWithSkeleton";
6
7	export function useMDXComponents(components: MDXComponents): MDXComponents {
8	return {
9	...components,
10	Image: (props: ComponentProps<typeof Image>) => <Image {...props} />,
11	ImageWithSkeleton: (
12	props: ComponentProps<typeof ImageWithSkeleton>,
13	) => <ImageWithSkeleton {...props} />,
14	Skeleton: (props: ComponentProps<typeof Skeleton>) => (
15	<Skeleton {...props} />
16	),
17	};
18	}