trunk/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	rakinar2	575	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			}