<link></link> tag displaying

[shakeit-ic]

Hello!

I want to get children of link tag, but got nothing

Here is my Config

const text = `<link url="https://github.com">click here</link>`

<Markdown
 rehypePlugins={[rehypeRaw, rehypeFormat]}
 remarkPlugins={[gfm]}
 components={{
   link: e => {
     const safeHref = e.url;
     console.log(e.node.children) // [] empty array
     return <a href={safeHref}>{e.node.children}</a>;
   }
 }}
>
 {text}
</Markdown>;

Any ideas?

[JounQin]

link is Void Element

https://developer.mozilla.org/en-US/docs/Glossary/Void_element

[shakeit-ic]

Thanks @JounQin !