bridge/app/explorer/mdx-components.tsx

import type { AnchorHTMLAttributes } from 'react'

import type { MDXComponents } from 'mdx/types'
import { MDXLink } from '@luxdefi/ui/primitives'
 
// This file allows you to provide custom React components
// to be used in MDX files. You can import and use any
// React component you want, including inline styles,
// components from other libraries, and more.
 
// https://nextjs.org/docs/pages/building-your-application/configuring/mdx

export function useMDXComponents(components: MDXComponents): MDXComponents {
  return {
    a: (props ) => (
      <MDXLink {...props as AnchorHTMLAttributes<HTMLAnchorElement>}/>
    ),
    ...components,
  }
}