gatsby: Gatsby's documentation about visual testing with storybook is out of date / not working.

Preliminary Checks

• This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
• This issue is not a question, feature request, RFC, or anything other than a bug report. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions

Summary

Storybook has had an update and the documentation linked to configuring storybook no longer works!

Also Gatsby’s Link component doesnt play nice with storybook any longer. This is how i came across the issue with this part of the documentation.

Im not sure exactly on how to resolve these issues, but thought it would be worth reporting incase other people have any issues setting it up in the mean time!

Steps to Resolve this Issue

1. download https://github.com/darylthornhill/test-gatsby-storybook-error npm run storybook to start storybook and see the errors with Gatsby Link.
2. After trying that, copy and paste the example code pieces for the main.js and the preview.js into the respective files and run npm run storybook and see further errors.