receive custom attributes.

[Flysky12138]

```js expanded
***
```

export default function Pre({ children, className, ...props }: React.ComponentProps<'pre'>) {
  console.log(props)
  return null
}

i wanna get expanded

[talatkuyuk]

What do you want exactly? Why do you return null in pre component? Do you want to get "expanded" property in code element, or only in pre element? Can you explain what would you like to see in the output html, we need more detail, please.

If you want to implement expandable pre element, you can wrap the "pre" element in a "div" having expandable feature.

[Flysky12138]

I am using next-mdx-remote. Like this, I want to get the 'expanded' parameter

<MDXRemote
  components={{
    pre: function Pre({ children, className, ...props }: React.ComponentProps<'pre'>) {
      console.log(props.expanded)
      return <pre>{children}</pre>
    }
  }}
  options={{
    rehypePlugins: [rehypeKatex, rehypePrismPlus, rehypeSlug],
    remarkPlugins: [remarkGfm, remarkMath, remarkDirective, remarkDirectiveRehype]
  }}
  source="# h1"
/>

[timlrx]

Hi @Flysky12138 I don't see it as a feature that should be included as part of a highlighting plugin. You could consider including your own remark plugin to transform or store desired attributes.