[Snyk] Upgrade: react, react-dom #588
Open
+2
−2
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
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.
react
⚠️ This is a major version upgrade, and may be a breaking change | 4 months ago
⚠️ This is a major version upgrade, and may be a breaking change | 4 months ago
from 16.13.1 to 18.3.1 | 634 versions ahead of your current version
on 2024-04-26
react-dom
from 16.13.1 to 18.3.1 | 634 versions ahead of your current version
on 2024-04-26
Issues fixed by the recommended upgrade:
SNYK-JS-QS-3153490
SNYK-JS-ELLIPTIC-571484
SNYK-JS-PROMPTS-1729737
SNYK-JS-ELLIPTIC-7577916
SNYK-JS-ELLIPTIC-7577917
SNYK-JS-ELLIPTIC-7577918
SNYK-JS-ES5EXT-6095076
SNYK-JS-WEBSOCKETEXTENSIONS-570623
SNYK-JS-WS-7266574
SNYK-JS-WS-7266574
SNYK-JS-AJV-584908
SNYK-JS-ASYNC-2441827
SNYK-JS-BROWSERIFYSIGN-6037026
SNYK-JS-DECODEURICOMPONENT-3149970
SNYK-JS-TAR-1536528
SNYK-JS-TAR-1536531
SNYK-JS-NODEFORGE-598677
SNYK-JS-URLPARSE-2407770
SNYK-JS-SSRI-1246392
SNYK-JS-SSRI-1246392
SNYK-JS-BL-608877
SNYK-JS-DNSPACKET-1293563
SNYK-JS-FOLLOWREDIRECTS-6141137
SNYK-JS-JSONSCHEMA-1920922
SNYK-JS-INI-1048974
SNYK-JS-IP-6240864
SNYK-JS-QS-3153490
SNYK-JS-MERGEDEEP-1070277
SNYK-JS-TAR-1579147
SNYK-JS-TAR-1579152
SNYK-JS-TAR-1579155
SNYK-JS-TMPL-1583443
SNYK-JS-Y18N-1021887
SNYK-JS-EVENTSOURCE-2823375
SNYK-JS-EXPRESS-6474509
SNYK-JS-FOLLOWREDIRECTS-2332181
SNYK-JS-WS-1296835
SNYK-JS-WS-1296835
SNYK-JS-COLORSTRING-1082939
SNYK-JS-FOLLOWREDIRECTS-6444610
SNYK-JS-HOSTEDGITINFO-1088355
SNYK-JS-ISSVG-1243891
SNYK-JS-NODENOTIFIER-1035794
SNYK-JS-NWSAPI-2841516
SNYK-JS-PATHPARSE-1077067
SNYK-JS-URLPARSE-1078283
SNYK-JS-URLPARSE-1533425
SNYK-JS-URLPARSE-2401205
SNYK-JS-URLPARSE-2407759
SNYK-JS-URLPARSE-2412697
SNYK-JS-ELLIPTIC-1064899
SNYK-JS-JSON5-3182856
SNYK-JS-JSON5-3182856
SNYK-JS-HTTPPROXY-569139
SNYK-JS-ISSVG-1085627
SNYK-JS-TAR-6476909
SNYK-JS-TERSER-2806366
SNYK-JS-FOLLOWREDIRECTS-2396346
SNYK-JS-WORDWRAP-3149973
SNYK-JS-TAR-1536758
SNYK-JS-BABELTRAVERSE-5962462
npm:debug:20170905
npm:debug:20170905
Release notes
Package name: react
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 #24172React DOM
react-dom/client
when using UMD bundle. (@ alireza-molaee in #24274)suppressHydrationWarning
to work in production too. (@ gaearon in #24271)componentWillUnmount
firing twice inside of Suspense. (@ acdlite in #24308)useDeferredValue
causing an infinite loop when passed an unmemoized value. (@ acdlite in #24247)setState
loop inuseEffect
. (@ gaearon in #24298)setState
inuseInsertionEffect
. (@ gaearon in #24295)React DOM Server
bootstrapScriptContent
contents. (@ gnoff in #24385)renderToPipeableStream
. (@ gnoff in #24291)ESLint Plugin: React Hooks
Use Subscription
use-sync-external-store
shim. (@ gaearon in #24289)Below is a list of all new features, APIs, deprecations, and breaking changes.
Read React 18 release post and React 18 upgrade guide for more information.
New Features
React
useId
is a new hook for generating unique IDs on both the client and server, while avoiding hydration mismatches. It is primarily useful for component libraries integrating with accessibility APIs that require unique IDs. This solves an issue that already exists in React 17 and below, but it’s even more important in React 18 because of how the new streaming server renderer delivers HTML out-of-order.startTransition
anduseTransition
let you mark some state updates as not urgent. Other state updates are considered urgent by default. React will allow urgent state updates (for example, updating a text input) to interrupt non-urgent state updates (for example, rendering a list of search results).