tel: href tag not working

[vitalijalbu]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

9.0.1

Link to runnable example

No response

Steps to reproduce

Basically I added a simple phone tel: link and it not passing href props

Expected behavior

It should work as expected

Actual behavior

Not passing props.

my code:

const components = {
  p: PComponent,
  h1: H1Component,
  h2: H2Component,
  h3: H3Component,
  h4: H4Component,
  h5: H5Component,
  h6: H6Component,
  strong: StrongComponent,
  em: EmComponent,
  a: AComponent,
  ul: UlComponent,
  ol: OlComponent,
  img: ImgComponent,
  blockquote: QuoteComponent,
  table: TableComponent,
};

<Markdown
      remarkPlugins={[
        remarkGfm,
        remarkCustomHeaderId,
        remarkParse,
        remarkLinkTarget,
      ]}
      rehypePlugins={[rehypeRaw]}
      components={components}
    >
      {markdown}
    </Markdown>

function AComponent({ children, href = '#', ...props }: LinkProps) {
console.log('AComponent', {href, props, children});
if (href.startsWith('tel:')) {
  return (
    <a href={href} {...props}>
      {children}
    </a>
  );
} else {
  return (
    <TextLink href={href} {...props}>
      {children}
    </TextLink>
  );
}
}

Affected runtime and version

node 20

Affected package manager and version

No response

Affected OS and version

No response

Build and bundle tools

No response

[vitalijalbu]

Tried also on your md editr online and not working

[wooorm]

It is working. It is removed. Read the docs. You want to define urlTransform.