Tabs on component pages have incorrect paths

The Problem

If you have a pathPrefix (i.e., https://www.gatsbyjs.org/docs/path-prefix/), then generated paths for component page tabs are incorrect. See here: https://jendowns.github.io/gatsby-theme-carbon/components/accordion/code (make sure there’s no trailing slash, otherwise currentTab is empty 😬 )

So all of your tab paths on component pages will 404.

Testing Instructions

To demonstrate this, I made a sample repo ( https://github.com/jendowns/gatsby-theme-carbon) by forking gatsby-theme-carbon and then did this:

• added a github pages deployment for the example site: https://github.com/jendowns/gatsby-theme-carbon/blob/master/packages/example/package.json#L10
• added a pathPrefix because my deployment has a subdirectory in the path: https://github.com/jendowns/gatsby-theme-carbon/blob/master/packages/example/gatsby-config.js#L2
• added an “Accordion” test component with typical tabs front matter: https://github.com/jendowns/gatsby-theme-carbon/tree/master/packages/example/src/pages/components/accordion

The key is that you need to deploy to an environment, like Github Pages, that has subdirectories in the path.

[vpicone]

I’m pretty sure I know what’s up. Hoping to get this out tomorrow.

[vpicone]

Hey Jen! We can (and should) have brought the path prefix in by default there, I’ll check it out.