Skip to content

[Snyk] Upgrade styled-components from 4.4.1 to 6.1.19 #173

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

nerdy-tech-com-gitub
Copy link
Owner

@nerdy-tech-com-gitub nerdy-tech-com-gitub commented Jul 19, 2025

snyk-top-banner

Snyk has created this PR to upgrade styled-components from 4.4.1 to 6.1.19.

ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.


⚠️ Warning: This PR contains major version upgrade(s), and may be a breaking change.

  • The recommended version is 142 versions ahead of your current version.

  • The recommended version was released a month ago.

Issues fixed by the recommended upgrade:

Issue Score Exploit Maturity
medium severity Regular Expression Denial of Service (ReDoS)
SNYK-JS-BABELRUNTIME-10044504
140 Proof of Concept
critical severity Incomplete List of Disallowed Inputs
SNYK-JS-BABELTRAVERSE-5962462
140 Proof of Concept
high severity Path Equivalence
SNYK-JS-VITE-5664718
140 Proof of Concept
high severity Access Control Bypass
SNYK-JS-VITE-6182924
140 Proof of Concept
high severity Incorrect Authorization
SNYK-JS-VITE-9653016
140 Proof of Concept
medium severity Improper Input Validation
SNYK-JS-NANOID-8492085
140 No Known Exploit
medium severity Regular Expression Denial of Service (ReDoS)
SNYK-JS-PATHTOREGEXP-7925106
140 Proof of Concept
medium severity Improper Input Validation
SNYK-JS-POSTCSS-5926692
140 No Known Exploit
medium severity Cross-site Scripting (XSS)
SNYK-JS-ROLLUP-8073097
140 Proof of Concept
medium severity Improper Access Control
SNYK-JS-VITE-6531286
140 Proof of Concept
medium severity Information Exposure
SNYK-JS-VITE-8023174
140 Proof of Concept
medium severity Origin Validation Error
SNYK-JS-VITE-8648411
140 Proof of Concept
medium severity Incorrect Authorization
SNYK-JS-VITE-9512410
140 Mature
medium severity Access Control Bypass
SNYK-JS-VITE-9576207
140 Proof of Concept
medium severity Information Exposure
SNYK-JS-VITE-9685035
140 Proof of Concept
medium severity Directory Traversal
SNYK-JS-VITE-9919777
140 Proof of Concept
low severity Cross-site Scripting (XSS)
SNYK-JS-VITE-8022916
140 Proof of Concept
Release notes
Package name: styled-components
  • 6.1.19 - 2025-06-12

    Patch Changes

    • aa997d8: fix for React Native >=0.79 crashes when using unsupported web-only CSS values (e.g., fit-content, min-content, max-content). The fix emits a warning and ignores the property using those values, instead of causing crashes.
  • 6.1.18 - 2025-05-08

    Patch Changes

    • 76b18a4: fix react 19 compatibility
    • bdac7af: Quickfix to support expo sdk >= 53 and react-native >=0.79.
  • 6.1.17 - 2025-04-02

    Patch Changes

    • 47a4dcb: Fix for loose DefaultTheme type definition
    • a8c0f5b: fix: add info link to console
  • 6.1.16 - 2025-03-17

    Patch Changes

    • 246c77b: Resolve TS error related to ExoticComponentWithDisplayName API from React.
    • 4757191: Native typings weren't on the correct folder, which caused issues on React Native projects using this library
  • 6.1.15 - 2025-02-05

    Patch Changes

    • b9688ae: chore: update postcss to version 8.4.49 and nanoid to version 3.3.8
  • 6.1.14 - 2025-01-04

    Patch Changes

    • 6908326: Add changesets for release management
    • 18ebf6d: Prevent styled() from injecting an undefined ref prop in React 19
  • 6.1.13 - 2024-08-30

    What's Changed

    New Contributors

    Full Changelog: v6.1.12...v6.1.13

  • 6.1.12 - 2024-07-17

    What's Changed

    New Contributors

    Full Changelog: v6.1.11...v6.1.12

  • 6.1.11 - 2024-05-09

    What's Changed

    • feat(types): add types to support third-party wrapping scenarios by @ quantizor in #4307

    Full Changelog: v6.1.10...v6.1.11

  • 6.1.10 - 2024-05-07

    What's Changed

    • Update dependencies by @ quantizor in #4297
    • Export IStyledComponentBase interface by @ akkadaya in #4300
    • revert type changes introduced in #4288 due to a large number of bug reports

    New Contributors

    Full Changelog: v6.1.9...v6.1.10

  • 6.1.10-test.1 - 2024-05-08
  • 6.1.10-test.0 - 2024-05-08
  • 6.1.9 - 2024-04-30
  • 6.1.9-react-18-streaming-prototype - 2024-04-30
  • 6.1.8 - 2024-01-08
  • 6.1.7 - 2024-01-08
  • 6.1.6 - 2023-12-27
  • 6.1.5 - 2023-12-27
  • 6.1.5-rc.0 - 2023-12-27
  • 6.1.4 - 2023-12-27
  • 6.1.3 - 2023-12-22
  • 6.1.2 - 2023-12-20
  • 6.1.1 - 2023-11-08
  • 6.1.0 - 2023-10-14
  • 6.0.9 - 2023-10-12
  • 6.0.8 - 2023-09-13
  • 6.0.7 - 2023-08-03
  • 6.0.6 - 2023-08-02
  • 6.0.6-test.0 - 2023-08-02
  • 6.0.5 - 2023-07-21
  • 6.0.4 - 2023-07-13
  • 6.0.3 - 2023-07-07
  • 6.0.2 - 2023-07-03
  • 6.0.1 - 2023-06-28
  • 6.0.0 - 2023-06-28
  • 6.0.0-rc.2-4007 - 2023-05-26
  • 6.0.0-rc.6 - 2023-06-23
  • 6.0.0-rc.5 - 2023-06-22
  • 6.0.0-rc.4 - 2023-06-22
  • 6.0.0-rc.3 - 2023-06-04
  • 6.0.0-rc.2 - 2023-05-24
  • 6.0.0-rc.1 - 2023-05-06
  • 6.0.0-rc.0 - 2023-05-04
  • 6.0.0-beta.15 - 2023-04-23
  • 6.0.0-beta.14 - 2023-03-23
  • 6.0.0-beta.13 - 2023-03-10
  • 6.0.0-beta.12 - 2023-03-02
  • 6.0.0-beta.11 - 2023-02-03
  • 6.0.0-beta.10 - 2023-02-03
  • 6.0.0-beta.9 - 2023-01-03
  • 6.0.0-beta.8 - 2022-12-23
  • 6.0.0-beta.7 - 2022-12-23
  • 6.0.0-beta.6 - 2022-11-13
  • 6.0.0-beta.5 - 2022-10-26
  • 6.0.0-beta.4 - 2022-10-25
  • 6.0.0-beta.3 - 2022-10-04
  • 6.0.0-beta.2 - 2022-09-02
  • 6.0.0-beta.1 - 2022-08-31
  • 6.0.0-beta.0 - 2022-08-31
  • 6.0.0-alpha.7 - 2022-07-22
  • 6.0.0-alpha.6 - 2022-07-22
  • 6.0.0-alpha.5 - 2022-03-24
  • 6.0.0-alpha.4 - 2022-03-24
  • 6.0.0-alpha.3 - 2022-03-24
  • 6.0.0-alpha.2 - 2022-03-24
  • 6.0.0-alpha.1 - 2022-02-24
  • 6.0.0-alpha.0 - 2022-02-22
  • 5.3.11 - 2023-05-26
  • 5.3.10 - 2023-04-23
  • 5.3.9 - 2023-03-13
  • 5.3.8 - 2023-03-02
  • 5.3.7 - 2023-03-02
  • 5.3.6 - 2022-09-27
  • 5.3.5 - 2022-03-24
  • 5.3.4 - 2022-03-24
  • 5.3.3 - 2021-10-19
  • 5.3.2 - 2021-10-19
  • 5.3.1 - 2021-08-24
  • 5.3.1-pr3564 - 2021-08-21
  • 5.3.1-pr3563 - 2021-08-21
  • 5.3.0 - 2021-05-05
  • 5.2.3 - 2021-03-31
  • 5.2.2 - 2021-03-30
  • 5.2.1 - 2020-10-30
  • 5.2.0 - 2020-09-04
  • 5.2.0-test.12 - 2020-09-02
  • 5.2.0-test.11 - 2020-08-31
  • 5.2.0-test.10 - 2020-08-30
  • 5.2.0-test.9 - 2020-08-30
  • 5.2.0-test.8 - 2020-08-30
  • 5.2.0-test.7 - 2020-08-30
  • 5.2.0-test.6 - 2020-08-30
  • 5.2.0-test.5 - 2020-08-28
  • 5.2.0-test.4 - 2020-08-28
  • 5.2.0-test.3 - 2020-08-28
  • 5.2.0-test.2 - 2020-08-27
  • 5.2.0-test.1 - 2020-08-27
  • 5.2.0-test.0 - 2020-08-27
  • 5.1.1 - 2020-05-25
  • 5.1.0 - 2020-04-07
  • 5.0.1 - 2020-02-04
  • 5.0.1-revisedssr - 2020-02-13
  • 5.0.0 - 2020-01-13
  • 5.0.0-testgrouplimit.0 - 2020-01-30
  • 5.0.0-testdeopt2 - 2020-01-24
  • 5.0.0-testdeopt - 2020-01-22
  • 5.0.0-regexrehydrate - 2019-11-12
  • 5.0.0-rc.3 - 2019-12-30
  • 5.0.0-rc.2 - 2019-11-12
  • 5.0.0-rc.1 - 2019-10-31
  • 5.0.0-rc.0 - 2019-10-30
  • 5.0.0-fixhoist - 2019-12-22
  • 5.0.0-cgsmem - 2020-01-06
  • 5.0.0-beta.8-groupsizefix - 2019-08-22
  • 5.0.0-beta.6-ej4 - 2019-06-29
  • 5.0.0-beta.6-ej3 - 2019-06-29
  • 5.0.0-beta.6-ej2 - 2019-06-28
  • 5.0.0-beta.6-ej1 - 2019-06-28
  • 5.0.0-beta.6-ej - 2019-06-28
  • 5.0.0-beta.5-removefoldedcomponentids - 2019-06-27
  • 5.0.0-beta.5-ej2 - 2019-06-25
  • 5.0.0-beta.11-cgsmulti - 2019-10-21
  • 5.0.0-beta.10-rulefix - 2019-10-21
  • 5.0.0-beta.11 - 2019-10-21
  • 5.0.0-beta.10 - 2019-10-21
  • 5.0.0-beta.9 - 2019-09-22
  • 5.0.0-beta.8 - 2019-07-01
  • 5.0.0-beta.6 - 2019-06-27
  • 5.0.0-beta.5 - 2019-06-22
  • 5.0.0-beta.4 - 2019-06-21
  • 5.0.0-beta.3 - 2019-06-18
  • 5.0.0-beta.2 - 2019-06-16
  • 5.0.0-beta.1 - 2019-06-15
  • 5.0.0-beta.0 - 2019-06-14
  • 5.0.0-alpha.2 - 2019-06-11
  • 5.0.0-alpha.1 - 2019-06-09
  • 5.0.0-alpha.0 - 2019-06-09
  • 5.0.0-5.canary-sheet - 2019-05-30
  • 5.0.0-4.canary-sheet - 2019-05-08
  • 5.0.0-3.canary-sheet - 2019-05-03
  • 5.0.0-1.canary-sheet - 2019-05-02
  • 5.0.0-0.canary-sheet - 2019-04-30
  • 4.4.1 - 2019-10-30
from styled-components GitHub release notes

Important

  • Warning: This PR contains a major version upgrade, and may be a breaking change.
  • Check the changes in this PR to ensure they won't cause issues with your project.
  • This PR was automatically created by Snyk using the credentials of a real user.
  • Max score is 1000. Note that the real score may have changed since the PR was raised.

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

For more information:

Summary by Sourcery

Upgrade styled-components from version 4.x to 6.1.19 in the demo project to address security vulnerabilities and adopt latest fixes

Bug Fixes:

  • Resolve multiple security vulnerabilities by updating to styled-components 6.1.19

Build:

  • Bump styled-components dependency from ^4.2.0 to ^6.1.19 in demo/package.json

Snyk has created this PR to upgrade styled-components from 4.4.1 to 6.1.19.

See this package in npm:
styled-components

See this project in Snyk:
https://app.snyk.io/org/nerds-github/project/80f4c8d5-acb5-40fd-a6de-0077ecc460bf?utm_source=github&utm_medium=referral&page=upgrade-pr
Copy link

sourcery-ai bot commented Jul 19, 2025

Reviewer's Guide

This PR upgrades styled-components from v4.x to v6.x by updating the version spec in demonstra­tion’s package.json and regenerating the lockfile, bringing in 142 versions of fixes and addressing multiple security vulnerabilities.

Class diagram for styled-components type changes (v4.x to v6.x)

classDiagram
  class StyledComponent {
    +props
    +theme
    +as
    +attrs
    +withComponent()
  }
  class IStyledComponentBase {
    <<interface>>
    +displayName
    +defaultProps
    +propTypes
  }
  class DefaultTheme {
    +theme properties
  }
  StyledComponent ..|> IStyledComponentBase
  StyledComponent --> DefaultTheme : uses
  note for StyledComponent "v6.x: Improved typings, support for ShadowRoot, React 19, and React Native >=0.79"
  note for IStyledComponentBase "v6.x: Now exported for third-party wrapping scenarios"
  note for DefaultTheme "v6.x: Type definition fix for loose typing"
Loading

File-Level Changes

Change Details Files
Major styled-components version bump
  • Update styled-components spec from ^4.2.0 to ^6.1.19 in demo/package.json
  • Run npm install to regenerate lockfile
demo/package.json

Tips and commands

Interacting with Sourcery

  • Trigger a new review: Comment @sourcery-ai review on the pull request.
  • Continue discussions: Reply directly to Sourcery's review comments.
  • Generate a GitHub issue from a review comment: Ask Sourcery to create an
    issue from a review comment by replying to it. You can also reply to a
    review comment with @sourcery-ai issue to create an issue from it.
  • Generate a pull request title: Write @sourcery-ai anywhere in the pull
    request title to generate a title at any time. You can also comment
    @sourcery-ai title on the pull request to (re-)generate the title at any time.
  • Generate a pull request summary: Write @sourcery-ai summary anywhere in
    the pull request body to generate a PR summary at any time exactly where you
    want it. You can also comment @sourcery-ai summary on the pull request to
    (re-)generate the summary at any time.
  • Generate reviewer's guide: Comment @sourcery-ai guide on the pull
    request to (re-)generate the reviewer's guide at any time.
  • Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
    pull request to resolve all Sourcery comments. Useful if you've already
    addressed all the comments and don't want to see them anymore.
  • Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
    request to dismiss all existing Sourcery reviews. Especially useful if you
    want to start fresh with a new review - don't forget to comment
    @sourcery-ai review to trigger a new review!

Customizing Your Experience

Access your dashboard to:

  • Enable or disable review features such as the Sourcery-generated pull request
    summary, the reviewer's guide, and others.
  • Change the review language.
  • Add, remove or edit custom review instructions.
  • Adjust other review settings.

Getting Help

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants