Import Link from Gatsby breaks Storybook

[daviddelusenet]

There's already an issue for this but it's closed. However, this bug is still happening even when using the latest versions of Gatsby and Storybook. It really should be fixed.

Related issue: #10668

[LekoArts]

Thank you for opening this!

This is something that should be fixed on Storybook's side so that's why the issue is closed. Storybook needs to be made aware of Gatsby's modules, and it seams the best solution to this is a preset/addon. This feature request is tracked there: #28304

We're marking this issue as answered and closing it for now but please feel free to comment here if you would like to continue this discussion. We also recommend heading over to our communities if you have questions that are not bug reports or feature requests. We hope we managed to help and thank you for using Gatsby!

[TeoTN]

The workaround no longer works with Storybook 6

[ertrzyiks]

I had the same problem with storybook 6.5 + vite loader + gatsby. I realized that I don't even need storybook to import gatsby so I provided a module replacement.

main.js

module.exports = {
  async viteFinal(config, { configType }) {
    return mergeConfig(config, {
      resolve: {
        alias: {
          gatsby: path.resolve(__dirname, './mocks/gatsby'),
        },
      },
    })
  }
}

and mocks/gatsby.js

import GatsbyLink from 'gatsby-link'

export const Link = GatsbyLink

// Possibly stub other functions
// export function graphql() {
//  return null
//}