import {
  useMDXComponents as getThemeComponents,
  Link,
} from 'nextra-theme-docs'; // nextra-theme-blog or your custom theme
import React, { ComponentProps } from 'react';
// Get the default MDX components
const themeComponents = getThemeComponents();

// Merge components
export function useMDXComponents(
  components: Record<string, React.ComponentType>
) {
  return {
    ...themeComponents,
    ...{
      a: (props: ComponentProps<typeof Link>) => (
        <Link {...props} prefetch={false} />
      ),
      img: (props: React.ImgHTMLAttributes<HTMLImageElement>) => (
        <img {...props} />
      ),
    },
    ...components,
  };
}