Is there a way to remove / hide the anchor links (#) from titles?

[mirecatercero]

I would like to eliminate them since my SEO team told me that they are not good for SEO

[caffeine-addictt]

Are you referring to the generated anchor elements from using MDX #?

If so, you can replace them with JSX.
You can find the styling for the header levels by inspecting the anchor elements for the different heading levels.

{*/ Previous */}

## I am a link

{/* import your cn if you have one */}
import { cn } from '@/utils'

export const levelStyles = {
    h1: 'text-xl',
    h2: 'text-lg',
    {/* You can copy and add your styles here */}
}
export function CustomHeader({ children, hLevel, className, ...props }) {
    return <p className={cn ? cn(levelStyles[hLevel], className) : className ?? ''}>{children}</p>
}

<CustomHeader hLevel='h2'>I am no longer a link</CustomHeader>