[Snyk] Security upgrade gatsby from 2.32.13 to 5.14.0

[saurabharch]

Snyk has created this PR to fix 8 vulnerabilities in the npm dependencies of this project.

Snyk changed the following file(s):

• examples/using-styled-components/package.json

Vulnerabilities that will be fixed with an upgrade:

	Issue	Score
	Regular Expression Denial of Service (ReDoS) SNYK-JS-CROSSSPAWN-8303230	756
	Denial of Service (DoS) SNYK-JS-WS-7266574	696
	Server-side Request Forgery (SSRF) SNYK-JS-AXIOS-9292519	631
	Cross-site Scripting (XSS) SNYK-JS-SERIALIZEJAVASCRIPT-6147607	626
	Regular Expression Denial of Service (ReDoS) SNYK-JS-HTTPCACHESEMANTICS-3248783	586
	Server-side Request Forgery (SSRF) SNYK-JS-AXIOS-9403194	524
	Regular Expression Denial of Service (ReDoS) SNYK-JS-MINIMATCH-3050818	479
	Improper Input Validation SNYK-JS-POSTCSS-5926692	479

---

Important

• Check the changes in this PR to ensure they won't cause issues with your project.
• Max score is 1000. Note that the real score may have changed since the PR was raised.
• This PR was automatically created by Snyk using the credentials of a real user.

---

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open fix PRs.

For more information:
🧐 View latest project report
📜 Customise PR templates
🛠 Adjust project settings
📚 Read about Snyk's upgrade logic

---

Learn how to fix vulnerabilities with free interactive lessons:

🦉 Server-side Request Forgery (SSRF)
🦉 Regular Expression Denial of Service (ReDoS)
🦉 Improper Input Validation
🦉 More lessons are available in Snyk Learn

[gemini-code-assist]

Summary of Changes

Hello @saurabharch, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request is an automated security fix initiated by Snyk, focusing on enhancing the project's security posture. It involves a substantial upgrade of the gatsby framework to resolve multiple reported vulnerabilities, ensuring the application leverages the latest security patches and improvements.

Highlights

• Security Upgrade: This pull request performs a security upgrade of the gatsby dependency from version 2.x to 5.x to address eight identified vulnerabilities, including high and medium severity issues.
• Dependency Version Bump: The gatsby package in examples/using-styled-components/package.json has been updated from ^2.0.0 to ^5.14.0, representing a major version upgrade.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point in your pull request via creating an issue comment (i.e. comment on the pull request page) using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in issue comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist is currently in preview and may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments to provide feedback.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[gemini-code-assist]

Code Review

This pull request, automatically generated by Snyk, upgrades gatsby from version 2 to 5 to fix security vulnerabilities. However, this is a major version bump with significant breaking changes. The PR only updates the gatsby package itself, leaving behind incompatible dependencies like older Gatsby plugins and React 16. This will break the build. My review highlights this critical issue and recommends a more complete upgrade of all related dependencies for the migration to be successful.

[gemini-code-assist]

Upgrading gatsby from v2 to v5 is a major change with significant breaking changes. This single dependency update will break the project because other dependencies are now incompatible.

To correctly migrate to Gatsby v5, the following issues must be addressed:

• React Version: Gatsby v5 requires React 18. The project currently uses React 16. react and react-dom must be upgraded.
• Gatsby Plugins: All gatsby-plugin-* packages are on versions compatible with Gatsby v2/v3 and must be upgraded to their respective versions compatible with Gatsby v5.
• Node.js Version: Gatsby v5 requires Node.js 18+. The repository's root package.json specifies a much lower version (>=6.11.5), which also needs to be updated.

This PR should be updated to include all necessary dependency upgrades for the Gatsby v5 migration to be successful. Otherwise, the example will be broken.