Is it possible to disable auto withPrefix at Link component by manual

Is it possible to disable auto withPrefix at Link component by manual?

just like this code

<Link to={'link'} disablePrefix={true}>link</Link>

why need this feature?

I use gatsby-plugin-mdx , and need to rewrap a component to Link with custom style. When building with the prefix path, the link in mdx is broken.

The demo repo

gatsby new testgatsbylink suziwen/testgatsbylink
cd testgatsbylink
gatsby build --prefix-paths
gatsby serve --prefix-paths

goto http://localhost:9000/testlink you will see test link is broken. The href value becomes http://localhost:9000/testlink/testlink/link .

[suziwen]

The Link’s to value is from mdx, which is already withPrefix. If I want to rewrap a component to Link with custom style, and Link component doesn’t have the option to disable withPrefix, I need manually remove the prefix path of to value.

const StyleLink = ({href, children, ...props})=>{
  const to = props.to || href
  return (
    <Link
      {...props}
      to={to}
      activeClassName="active"
    >
      {children}
    </Link>
  )
}

const components = {
  a: StyleLink
}

export default ()=> {
  return (
    <div>
      <MDXProvider components={components}>
        <Content />
      </MDXProvider>
    </div>
  )
}

[github-actions[bot]]

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it. Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else. As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contribute for more information about opening PRs, triaging issues, and contributing!

Thanks again for being part of the Gatsby community! 💪💜