-
Notifications
You must be signed in to change notification settings - Fork 0
[Snyk] Upgrade react-dom from 18.2.0 to 18.3.1 #420
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
base: master
Are you sure you want to change the base?
Conversation
Snyk has created this PR to upgrade react-dom from 18.2.0 to 18.3.1. See this package in npm: react-dom See this project in Snyk: https://app.snyk.io/org/newtonombese1/project/0dbeb3c7-0f2b-4df0-ac5a-fd0108caddf4?utm_source=github&utm_medium=referral&page=upgrade-pr
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Summary of Changes
Hello @nejidevelops, I'm Gemini Code Assist1! 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, automatically generated by Snyk, aims to upgrade the react-dom
package from version 18.2.0 to 18.3.1. The primary intent is to enhance the project's security posture by addressing numerous identified vulnerabilities and to ensure compatibility with future React versions by incorporating warnings for deprecated APIs.
Highlights
- Dependency Upgrade: Upgrades the
react-dom
package from version18.2.0
to18.3.1
. - Security Fixes: Resolves a significant number of reported security vulnerabilities across various dependencies, including critical, high, medium, and low severity issues, as identified by Snyk. This upgrade addresses issues such as Improper Verification of Cryptographic Signature, Regular Expression Denial of Service (ReDoS), Prototype Pollution, and more.
- React 19 Preparation: Incorporates changes from
react-dom
version 18.3.0, which introduces warnings for deprecated React APIs (e.g.,findDOMNode
, legacy context, string refs,unmountComponentAtNode
) to aid in the transition and upgrade path to React 19.
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 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 or fill out our survey 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
-
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. ↩
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Code Review
This pull request, automatically generated by Snyk, upgrades react-dom
to resolve multiple security vulnerabilities. This is a crucial update. However, the review identifies that this change creates a version mismatch between the react
and react-dom
packages. To ensure application stability and prevent potential issues, I've recommended synchronizing the react
package version with react-dom
.
@@ -7,7 +7,7 @@ | |||
"@testing-library/react": "^13.1.1", | |||
"@testing-library/user-event": "^13.5.0", | |||
"react": "^18.1.0", | |||
"react-dom": "^18.1.0", | |||
"react-dom": "^18.3.1", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
While upgrading react-dom
is important, it's critical to keep the react
and react-dom
package versions synchronized to prevent subtle bugs and compatibility issues.
This change introduces a version mismatch, as react
remains at ^18.1.0
(line 9) while react-dom
is updated to ^18.3.1
.
To ensure the stability of your application, please also upgrade the react
package to match the new react-dom
version:
"react": "^18.3.1",
Snyk has created this PR to upgrade react-dom from 18.2.0 to 18.3.1.
ℹ️ 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.
The recommended version is 388 versions ahead of your current version.
The recommended version was released a year ago.
Issues fixed by the recommended upgrade:
SNYK-JS-ELLIPTIC-7577918
SNYK-JS-ELLIPTIC-8172694
SNYK-JS-ELLIPTIC-8187303
SNYK-JS-ELLIPTIC-8720086
SNYK-JS-ANSIHTML-1296849
SNYK-JS-MERGE-1040469
SNYK-JS-MICROMATCH-6838728
SNYK-JS-UNSETVALUE-2400660
SNYK-JS-WEBPACKDEVMIDDLEWARE-6476555
SNYK-JS-WS-7266574
SNYK-JS-FOLLOWREDIRECTS-6141137
SNYK-JS-EXPRESS-6474509
SNYK-JS-EXPRESS-7926867
SNYK-JS-BABELTRAVERSE-5962462
SNYK-JS-LODASHTEMPLATE-1088054
SNYK-JS-MERGE-1042987
SNYK-JS-MICROMATCH-6838728
SNYK-JS-WS-7266574
SNYK-JS-HTTPPROXYMIDDLEWARE-8229906
SNYK-JS-MICROMATCH-6838728
SNYK-JS-NODEFORGE-2430339
SNYK-JS-IP-6240864
SNYK-JS-LOADERUTILS-3043105
SNYK-JS-LOADERUTILS-3105943
SNYK-JS-WEBPACK-7840298
SNYK-JS-YARGSPARSER-560381
SNYK-JS-YARGSPARSER-560381
SNYK-JS-FOLLOWREDIRECTS-6444610
SNYK-JS-GLOBPARENT-1016905
SNYK-JS-HTMLMINIFIER-3091181
SNYK-JS-MINIMATCH-3050818
SNYK-JS-NODEFORGE-2331908
SNYK-JS-NODEFORGE-2430337
SNYK-JS-NODEFORGE-2430341
SNYK-JS-IP-7148531
SNYK-JS-WORDWRAP-3149973
SNYK-JS-FORMDATA-10841150
SNYK-JS-FORMDATA-10841150
SNYK-JS-NODEFORGE-2330875
SNYK-JS-ISTANBULREPORTS-2328088
SNYK-JS-JSON5-3182856
SNYK-JS-LOADERUTILS-3042992
SNYK-JS-ONHEADERS-10773729
SNYK-JS-PATHTOREGEXP-7925106
SNYK-JS-PATHTOREGEXP-8482416
SNYK-JS-PBKDF2-10495496
SNYK-JS-PBKDF2-10495498
SNYK-JS-SERIALIZEJAVASCRIPT-536840
SNYK-JS-SERIALIZEJAVASCRIPT-570062
SNYK-JS-SERIALIZEJAVASCRIPT-6056521
SNYK-JS-SHELLQUOTE-1766506
SNYK-JS-SSRI-1246392
SNYK-JS-BODYPARSER-7926860
SNYK-JS-BRACES-6838727
SNYK-JS-BRACES-6838727
SNYK-JS-BRACES-6838727
SNYK-JS-BROWSERIFYSIGN-6037026
SNYK-JS-CROSSSPAWN-8303230
SNYK-JS-POSTCSS-1255640
SNYK-JS-PROMPTS-1729737
SNYK-JS-REACTDEVUTILS-1083268
SNYK-JS-REQUEST-3361831
SNYK-JS-SOCKJS-575261
SNYK-JS-TERSER-2806366
SNYK-JS-TOUGHCOOKIE-5672873
SNYK-JS-TOUGHCOOKIE-5672873
SNYK-JS-UGLIFYJS-1727251
SNYK-JS-BROWSERSLIST-1090194
SNYK-JS-COOKIE-8163060
SNYK-JS-SEND-7926862
SNYK-JS-SERVESTATIC-7926865
SNYK-JS-BABELTRAVERSE-5962463
npm:braces:20180219
SNYK-JS-ELLIPTIC-7577916
SNYK-JS-ELLIPTIC-7577917
Release notes
Package name: react-dom
act
fromreact
f1338fThis release is identical to 18.2 but adds warnings for deprecated APIs and other changes that are needed for React 19.
Read the React 19 Upgrade Guide for more info.
React
this.refs
to support string ref codemod 909071findDOMNode
outside StrictMode c3b283test-utils
methods d4ea75defaultProps
for function components #25699key
#25697act
fromtest-utils
d4ea75React DOM
unmountComponentAtNode
8a015brenderToStaticNodeStream
#28874React DOM
onRecoverableError
. (@ gnoff in #24591)document
causing a blank page on mismatch. (@ gnoff in #24523)setState
in Safari when adding an iframe. (@ gaearon in #24459)React DOM Server
<title>
elements to match the browser constraints. (@ gnoff in #24679)highWaterMark
to0
. (@ jplhomer in #24641)Server Components (Experimental)
useId()
inside Server Components. (@ gnoff) in #24172Important
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:
[//]: # 'snyk:metadata:{"customTemplate":{"variablesUsed":[],"fieldsUsed":[]},"dependencies":[{"name":"react-dom","from":"18.2.0","to":"18.3.1"}],"env":"prod","hasFixes":true,"isBreakingChange":false,"isMajorUpgrade":false,"issuesToFix":["SNYK-JS-ELLIPTIC-7577918","SNYK-JS-ELLIPTIC-8172694","SNYK-JS-ELLIPTIC-8187303","SNYK-JS-ELLIPTIC-8720086","SNYK-JS-ANSIHTML-1296849","SNYK-JS-MERGE-1040469","SNYK-JS-MICROMATCH-6838728","SNYK-JS-UNSETVALUE-2400660","SNYK-JS-WEBPACKDEVMIDDLEWARE-6476555","SNYK-JS-WS-7266574","SNYK-JS-FOLLOWREDIRECTS-6141137","SNYK-JS-EXPRESS-6474509","SNYK-JS-EXPRESS-7926867","SNYK-JS-BABELTRAVERSE-5962462","SNYK-JS-LODASHTEMPLATE-1088054","SNYK-JS-MERGE-1042987","SNYK-JS-MICROMATCH-6838728","SNYK-JS-WS-7266574","SNYK-JS-HTTPPROXYMIDDLEWARE-8229906","SNYK-JS-MICROMATCH-6838728","SNYK-JS-NODEFORGE-2430339","SNYK-JS-IP-6240864","SNYK-JS-LOADERUTILS-3043105","SNYK-JS-LOADERUTILS-3105943","SNYK-JS-WEBPACK-7840298","SNYK-JS-YARGSPARSER-560381","SNYK-JS-YARGSPARSER-560381","SNYK-JS-FOLLOWREDIRECTS-6444610","SNYK-JS-GLOBPARENT-1016905","SNYK-JS-HTMLMINIFIER-3091181","SNYK-JS-MINIMATCH-3050818","SNYK-JS-NODEFORGE-2331908","SNYK-JS-NODEFORGE-2430337","SNYK-JS-NODEFORGE-2430341","SNYK-JS-IP-7148531","SNYK-JS-WORDWRAP-3149973","SNYK-JS-FORMDATA-10841150","SNYK-JS-FORMDATA-10841150","SNYK-JS-NODEFORGE-2330875","SNYK-JS-ISTANBULREPORTS-2328088","SNYK-JS-JSON5-3182856","SNYK-JS-LOADERUTILS-3042992","SNYK-JS-ONHEADERS-10773729","SNYK-JS-PATHTOREGEXP-7925106","SNYK-JS-PATHTOREGEXP-8482416","SNYK-JS-PBKDF2-10495496","SNYK-JS-PBKDF2-10495498","SNYK-JS-SERIALIZEJAVASCRIPT-536840","SNYK-JS-SERIALIZEJAVASCRIPT-570062","SNYK-JS-SERIALIZEJAVASCRIPT-6056521","SNYK-JS-SHELLQUOTE-1766506","SNYK-JS-SSRI-1246392","SNYK-JS-BODYPARSER-7926860","SNYK-JS-BRACES-6838727","SNYK-JS-BRACES-6838727","SNYK-JS-BRACES-6838727","SNYK-JS-BROWSERIFYSIGN-6037026","SNYK-JS-CROSSSPAWN-8303230","SNYK-JS-POSTCSS-1255640","SNYK-JS-PROMPTS-1729737","SNYK-JS-REACTDEVUTILS-1083268","SNYK-JS-REQUEST-3361831","SNYK-JS-SOCKJS-575261","SNYK-JS-TERSER-2806366","SNYK-JS-TOUGHCOOKIE-5672873","SNYK-JS-TOUGHCOOKIE-5672873","SNYK-JS-UGLIFYJS-1727251","SNYK-JS-BROWSERSLIST-1090194","SNYK-JS-COOKIE-8163060","SNYK-JS-SEND-7926862","SNYK-JS-SERVESTATIC-7926865","SNYK-JS-BABELTRAVERSE-5962463","npm:braces:20180219","SNYK-JS-ELLIPTIC-7577916","SNYK-JS-ELLIPTIC-7577917"],"prId":"70662bcf-6a08-42ba-aa03-4f9300832432","prPublicId":"70662bcf-6a08-42ba-aa03-4f9300832432","packageManager":"npm","priorityScoreList":[562,415,786,557,696,589,375,589,691,482,472,305,255,786,681,686,756,579,537,589,479,616,601,432,586,586,479,529,494,494,646,292,649,586,429,641,479,301,452,452,562,455,619,706,619,619,69...