Skip to content
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.

Sign up for GitHub

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

Jump to bottom

[Snyk] Upgrade: react, react-dom, react-bootstrap, react-redux, react-scripts, redux #50

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

[Snyk] Upgrade: react, react-dom, react-bootstrap, react-redux, react-scripts, redux #50

wants to merge 1 commit into from

Conversation

tiff-es
Copy link
Owner

@tiff-es tiff-es commented Sep 17, 2024

snyk-top-banner

Snyk has created this PR to upgrade multiple dependencies.

👯 The following dependencies are linked and will therefore be updated together.

ℹ️ 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.

Name Versions Released on

react
from 16.4.1 to 16.14.0 | 36 versions ahead of your current version | 4 years ago
on 2020-10-14
react-dom
from 16.4.1 to 16.14.0 | 35 versions ahead of your current version | 4 years ago
on 2020-10-14
react-bootstrap
from 0.32.1 to 0.33.1 | 5 versions ahead of your current version | 5 years ago
on 2019-11-27
react-redux
from 5.0.7 to 5.1.2 | 4 versions ahead of your current version | 5 years ago
on 2019-10-08
react-scripts
from 1.1.4 to 1.1.5 | 1 version ahead of your current version | 6 years ago
on 2018-08-22
redux
from 4.0.0 to 4.2.1 | 12 versions ahead of your current version | 2 years ago
on 2023-01-28

Issues fixed by the recommended upgrade:

Issue Score Exploit Maturity
high severity Server-side Request Forgery (SSRF)
SNYK-JS-IP-6240864		 751 Proof of Concept
high severity Improper Input Validation
SNYK-JS-FOLLOWREDIRECTS-6141137		 751 Proof of Concept
high severity Regular Expression Denial of Service (ReDoS)
SNYK-JS-UAPARSERJS-610226		 751 Proof of Concept
high severity Remote Memory Exposure
SNYK-JS-DNSPACKET-1293563		 751 No Known Exploit
high severity Prototype Pollution
SNYK-JS-LODASHES-2434287		 751 Proof of Concept
high severity Prototype Pollution
SNYK-JS-LODASHES-2434290		 751 Proof of Concept
high severity Code Injection
SNYK-JS-LODASH-1040724		 751 Proof of Concept
high severity Prototype Pollution
SNYK-JS-ASYNC-2441827		 751 Proof of Concept
high severity Asymmetric Resource Consumption (Amplification)
SNYK-JS-BODYPARSER-7926860		 751 No Known Exploit
high severity Prototype Pollution
SNYK-JS-NODEFORGE-598677		 751 Proof of Concept
high severity Improper Input Validation
SNYK-JS-URLPARSE-543307		 751 Proof of Concept
high severity Open Redirect
npm:url-parse:20180731		 751 Mature
high severity Prototype Pollution
SNYK-JS-LODASH-450202		 751 Proof of Concept
high severity Prototype Pollution
SNYK-JS-LODASH-567746		 751 Proof of Concept
high severity Prototype Pollution
SNYK-JS-LODASH-608086		 751 Proof of Concept
high severity Prototype Pollution
SNYK-JS-LODASH-6139239		 751 Proof of Concept
high severity Arbitrary Code Execution
SNYK-JS-REACTDEVUTILS-72875		 751 No Known Exploit
high severity Regular Expression Denial of Service (ReDoS)
SNYK-JS-UAPARSERJS-1023599		 751 Proof of Concept
high severity Improper Input Validation
SNYK-JS-URLPARSE-2407770		 751 Proof of Concept
high severity Regular Expression Denial of Service (ReDoS)
SNYK-JS-WEBSOCKETEXTENSIONS-570623		 751 Proof of Concept
high severity Prototype Pollution
SNYK-JS-LODASH-73638		 751 Proof of Concept
high severity Prototype Pollution
SNYK-JS-LODASHES-2434283		 751 Proof of Concept
high severity Code Injection
SNYK-JS-LODASHES-2434284		 751 Proof of Concept
high severity Prototype Pollution
SNYK-JS-LODASHES-2434285		 751 Proof of Concept
medium severity Information Exposure
SNYK-JS-FOLLOWREDIRECTS-2332181		 751 Proof of Concept
medium severity Information Exposure
SNYK-JS-FOLLOWREDIRECTS-6444610		 751 Proof of Concept
medium severity Denial of Service (DoS)
SNYK-JS-HTTPPROXY-569139		 751 Proof of Concept
medium severity Regular Expression Denial of Service (ReDoS)
SNYK-JS-UAPARSERJS-1072471		 751 Proof of Concept
medium severity Regular Expression Denial of Service (ReDoS)
SNYK-JS-LODASHES-2434289		 751 Proof of Concept
medium severity Information Exposure
SNYK-JS-NODEFETCH-2342118		 751 No Known Exploit
medium severity Denial of Service
SNYK-JS-NODEFETCH-674311		 751 No Known Exploit
medium severity Regular Expression Denial of Service (ReDoS)
SNYK-JS-LODASH-1018905		 751 Proof of Concept
medium severity Open Redirect
SNYK-JS-EXPRESS-6474509		 751 No Known Exploit
medium severity Cross-site Scripting
SNYK-JS-EXPRESS-7926867		 751 No Known Exploit
medium severity Improper Input Validation
SNYK-JS-URLPARSE-1078283		 751 No Known Exploit
medium severity Open Redirect
SNYK-JS-URLPARSE-1533425		 751 Proof of Concept
medium severity Access Restriction Bypass
SNYK-JS-URLPARSE-2401205		 751 Proof of Concept
medium severity Authorization Bypass
SNYK-JS-URLPARSE-2407759		 751 Proof of Concept
medium severity Authorization Bypass Through User-Controlled Key
SNYK-JS-URLPARSE-2412697		 751 Proof of Concept
medium severity Cross-site Scripting (XSS)
npm:react-dom:20180802		 751 Proof of Concept
medium severity Regular Expression Denial of Service (ReDoS)
SNYK-JS-LODASH-73639		 751 Proof of Concept
medium severity Regular Expression Denial of Service (ReDoS)
SNYK-JS-LODASHES-2434286		 751 Proof of Concept
low severity Information Exposure
SNYK-JS-FOLLOWREDIRECTS-2396346		 751 No Known Exploit
low severity Cross-site Scripting
SNYK-JS-SERVESTATIC-7926865		 751 No Known Exploit
low severity Cross-site Scripting
SNYK-JS-SEND-7926862		 751 No Known Exploit
Release notes
Package name: react from react GitHub release notes
Package name: react-dom from react-dom GitHub release notes
Package name: react-bootstrap
  • 0.33.1 - 2019-11-27

    v0.33.1

  • 0.33.0 - 2019-10-30

    v0.33.0

  • 0.32.4 - 2018-09-06
  • 0.32.3 - 2018-08-20
  • 0.32.2 - 2018-08-17
  • 0.32.1 - 2018-01-25
from react-bootstrap GitHub release notes
Package name: react-redux
  • 5.1.2 - 2019-10-08

    Changes

  • 5.1.1 - 2018-11-10
  • 5.1.0 - 2018-10-25
  • 5.1.0-test.1 - 2018-06-21
  • 5.0.7 - 2018-02-16
from react-redux GitHub release notes
Package name: react-scripts
  • 1.1.5 - 2018-08-22
  • 1.1.4 - 2018-04-04
from react-scripts GitHub release notes
Package name: redux
  • 4.2.1 - 2023-01-28

    This bugfix release removes the isMinified internal check to fix a compat issue with Expo. That check has added in early 2016, soon after Redux 3.0 was released, at a time when it was still less common to use bundlers with proper production build settings. Today that check is irrelevant, so we've removed it.

    What's Changed

    Full Changelog: v4.2.0...v4.2.1

  • 4.2.0 - 2022-04-18

    This release marks the original createStore API as @ deprecated to encourage users to migrate to Redux Toolkit, and adds a new legacy_createStore API as an alias without the deprecation warning.

    Goal

    Redux Toolkit (the @ reduxjs/toolkit package) is the right way for Redux users to write Redux code today:

    https://redux.js.org/introduction/why-rtk-is-redux-today

    Unfortunately, many tutorials are still showing legacy "hand-written" Redux patterns, which result in a much worse experience for users. New learners going through a bootcamp or an outdated Udemy course just follow the examples they're being shown, don't know that RTK is the better and recommended approach, and don't even think to look at our docs.

    Given that, the goal is to provide them with a visual indicator in their editor, like createStore . When users hover over the createStore import or function call, the doc tooltip recommends using configureStore from RTK instead, and points them to that docs page. We hope that new learners will see the strikethrough, read the tooltip, read the docs page, learn about RTK, and begin using it.

    To be extremely clear:

    WE ARE NOT GOING TO ACTUALLY REMOVE THE createStore API, AND ALL YOUR EXISTING CODE WILL STILL CONTINUE TO WORK AS-IS!

    We are just marking createStore as "deprecated":

    "the discouragement of use of some feature or practice, typically because it has been superseded or is no longer considered efficient or safe, without completely removing it or prohibiting its use"

    For additional details, see the extensive discussion in #4325 .

    Rationale

    • RTK provides a vastly improved Redux usage experience, with APIs that simplify standard usage patterns and eliminate common bugs like accidental mutations
    • We've had suggestions to merge all of RTK into the redux core package, or fully deprecate the entire redux package and rename it to @ reduxjs/core. Unfortunately, those bring up too many complexities:
      • We already had a package rename from redux-starter-kit to @ reduxjs/toolkit, and all of our docs and tutorials have pointed to it for the last three years. I don't want to put users through another whiplash package transition for no real benefit
      • Merging or rearranging our packages would effectively require merging all of the Redux repos into a single monorepo. That would require hundreds of hours of effort from us maintainers, including needing to somehow merge all of our docs sites together. We don't have the time to do that.
    • I don't want to add runtime warnings that would be really annoying

    So, this is the minimum possible approach we can take to reach out to users who otherwise would never know that they are following outdated patterns, while avoiding breaking running user code or having to completely rewrite our package and repo structure.

    Results

    When a user imports createStore in their editor, they will see a visual strikethrough. Hovering over it will show a doc tooltip that encourages them to use configureStore from RTK, and points to an explanatory docs page:

    image

    Again, no broken code, and no runtime warnings.

    If users do not want to see that strikethrough, they have three options:

    • Follow our suggestion to switch over to Redux Toolkit and configureStore
    • Do nothing. It's just a visual strikethrough, and it doesn't affect how your code behaves. Ignore it.
    • Switch to using the legacy_createStore API that is now exported, which is the exact same function but with no @ deprecation tag. The simplest option is to do an aliased import rename:

    image

    What's Changed

    • Mark createStore as deprecated, and add legacy_createStore alias by @ markerikson in #4336

    Full Changelog: v4.1.2...v4.2.0

  • 4.2.0-alpha.0 - 2021-10-30

    4.2.0-alpha.0

  • 4.1.2 - 2021-10-28

    This release fixes a small specific TS types issue where state types that had a nested unknown field inside would cause compilation failures when used as the preloadedState argument.

    What's Changed

    Full Changelog: v4.1.1...v4.1.2

  • 4.1.1 - 2021-08-03

    Just a small fix for Safari users in development mode.

    Changes

    • Move miniKindOf out of if scope to fix ES5 compatibility issue (#4090 by @ embeddedt)
  • 4.1.0 - 2021-04-24

    This release shrinks our bundle size via error message extraction, updates several error messages for clarity, and optimizes our list of runtime dependencies.

    Overall, version 4.1 shrinks from 2.6K min+gz to 1.6K min+gz thanks to these changes.

    Be sure to check out the Redux Toolkit 1.6 alpha containing our new "RTK Query" data fetching APIs! It also includes Redux 4.1 as a dependency.

    Changelog

    Error Message Extraction and Improvements

    We now extract all of our error messages from production builds in order to save on bundle size, using a technique inspired from React's error code extraction. The error messages will still show as normal in development, but in production they will reference a specific numeric error code and provide a link to a Redux docs page that has the full error message.

    An example of this is: https://redux.js.org/errors?code=5 , which shows the "can't subscribe while reducers are executing" error.

    The error code extraction saves about 800 bytes out of a production build.

    Thanks to @ andrewmcgivery for doing all the hard work on implementing the error extraction!

    We've also updated many of our error messages to provide additional details at runtime about what happened, especially runtime type checks such as "actions must be plain objects". They now provide a more specific type for the unexpected value, such as indicating promise or function:

    Changes
  • 4.1.0-alpha.0 - 2021-04-04

    This pre-release for 4.1.0 shrinks our bundle size via tooling updates, and updates several error messages for clarity. This is all the changes we plan to have for 4.1, so if feedback looks good, we'll release 4.1.0 shortly.

    Changelog Summary

    The 4.1.0 release will have a more complete changelog, but summarizing:

    • Shrinks our bundle sizes by extracting error messages from production builds and replacing them with error codes (similar to React). Thanks to @ andrewmcgivery for implementing this!
    • Inlines the symbol-observable polyfill
    • Drops the legacy loose-envify dependency
    • Externalizes the @ babel/runtime helpers
    • Fixed a TS typedef to work better with TS 4.3

    We've also updated the error messages to clarify what's happening, provide more details when runtime type checks fail, and link to relevant documentation.

    Changes

    • Merge pull request #4058 from reduxjs/feature/4x-remove-legacy-deps 9a1d065
    • Inline the symbol-observable polyfill

@snyk-bot
fix: upgrade multiple dependencies with Snyk
c647e7a 
Snyk has created this PR to upgrade:
  - react from 16.4.1 to 16.14.0.
    See this package in npm: https://www.npmjs.com/package/react
  - react-dom from 16.4.1 to 16.14.0.
    See this package in npm: https://www.npmjs.com/package/react-dom
  - react-bootstrap from 0.32.1 to 0.33.1.
    See this package in npm: https://www.npmjs.com/package/react-bootstrap
  - react-redux from 5.0.7 to 5.1.2.
    See this package in npm: https://www.npmjs.com/package/react-redux
  - react-scripts from 1.1.4 to 1.1.5.
    See this package in npm: https://www.npmjs.com/package/react-scripts
  - redux from 4.0.0 to 4.2.1.
    See this package in npm: https://www.npmjs.com/package/redux

See this project in Snyk:
https://app.snyk.io/org/boostinwrx/project/acda75f2-d572-4188-8faf-f5d98f9044e3?utm_source=github&utm_medium=referral&page=upgrade-pr
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@tiff-es @snyk-bot