Update react monorepo to v18 #11
Loading…
Reference in New Issue
Block a user
No description provided.
Delete Branch "renovate/react-monorepo"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
This PR contains the following updates:
17.0.38
->18.3.12
^17.0.2
->^18.0.0
^17.0.2
->^18.0.0
Release Notes
facebook/react (react)
v18.3.1
Compare Source
act
fromreact
f1338fv18.3.0
Compare Source
This 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
#28874v18.2.0
Compare Source
React 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 #24172)v18.1.0
Compare Source
React 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)v18.0.0
Compare Source
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).useDeferredValue
lets you defer re-rendering a non-urgent part of the tree. It is similar to debouncing, but has a few advantages compared to it. There is no fixed time delay, so React will attempt the deferred render right after the first render is reflected on the screen. The deferred render is interruptible and doesn't block user input.useSyncExternalStore
is a new hook that allows external stores to support concurrent reads by forcing updates to the store to be synchronous. It removes the need foruseEffect
when implementing subscriptions to external data sources, and is recommended for any library that integrates with state external to React.useInsertionEffect
is a new hook that allows CSS-in-JS libraries to address performance issues of injecting styles in render. Unless you’ve already built a CSS-in-JS library we don’t expect you to ever use this. This hook will run after the DOM is mutated, but before layout effects read the new layout. This solves an issue that already exists in React 17 and below, but is even more important in React 18 because React yields to the browser during concurrent rendering, giving it a chance to recalculate layout.React DOM Client
These new APIs are now exported from
react-dom/client
:createRoot
: New method to create a root torender
orunmount
. Use it instead ofReactDOM.render
. New features in React 18 don't work without it.hydrateRoot
: New method to hydrate a server rendered application. Use it instead ofReactDOM.hydrate
in conjunction with the new React DOM Server APIs. New features in React 18 don't work without it.Both
createRoot
andhydrateRoot
accept a new option calledonRecoverableError
in case you want to be notified when React recovers from errors during rendering or hydration for logging. By default, React will usereportError
, orconsole.error
in the older browsers.React DOM Server
These new APIs are now exported from
react-dom/server
and have full support for streaming Suspense on the server:renderToPipeableStream
: for streaming in Node environments.renderToReadableStream
: for modern edge runtime environments, such as Deno and Cloudflare workers.The existing
renderToString
method keeps working but is discouraged.Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Enabled.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about these updates again.
This PR has been generated by Renovate Bot.
b2446d54be
toc6ef9782f0
c6ef9782f0
todd150f2aca
dd150f2aca
tof657467c3a
f657467c3a
toafedce9c83
afedce9c83
to00fc88a1a7
00fc88a1a7
to41e9d62c18
41e9d62c18
to99eb6ea64d
99eb6ea64d
toa7a4b53668
a7a4b53668
tobca98ddd15
bca98ddd15
to3e72a3aeea
3e72a3aeea
to32e64d4846
32e64d4846
to5a0d12b029
5a0d12b029
todc9d0e3d90
dc9d0e3d90
toed5010e585
ed5010e585
to0ed44df439
0ed44df439
to1102ca36d9
1102ca36d9
todb0f9fc83c
db0f9fc83c
toeb3949291f
eb3949291f
to126743bf2e
126743bf2e
to2d60805c08
2d60805c08
tod900286502
d900286502
to5d2ac199df
5d2ac199df
to56de8748f5
56de8748f5
tob329c5adfd
b329c5adfd
to3841076197
3841076197
toa97e7ada1e
a97e7ada1e
to39f5e0e79b
39f5e0e79b
to4e292878cf
4e292878cf
to777cb046bf
777cb046bf
to1e13376748
1e13376748
tobc61f90039
bc61f90039
tob25598f20a
b25598f20a
to54438bc43e
54438bc43e
to5627d24c1a
5627d24c1a
to78fc71e591
78fc71e591
to3c8c9419a1
3c8c9419a1
to176dc65a58
176dc65a58
toa3bfd46f71
a3bfd46f71
to0c0af2628a
0c0af2628a
to2f392a28bc
2f392a28bc
to7b057c20d0
7b057c20d0
toe5f6041c4b
e5f6041c4b
to1eb8f2afa7
1eb8f2afa7
to6262480adc
6262480adc
to6afdbe2eec
6afdbe2eec
to111bdad2ac
111bdad2ac
tocec88651a7
cec88651a7
tob004131bd7
b004131bd7
to4a65c8e164
4a65c8e164
to4b294c5f5b
4b294c5f5b
to4af0b71512
4af0b71512
to322df44676
322df44676
to518e8005fe
518e8005fe
to7a4cf4157e
7a4cf4157e
tod5513e8a16
d5513e8a16
to7c5408d889
7c5408d889
to99daa28c31
99daa28c31
to047016eacf
047016eacf
toda406a71df
da406a71df
tofc5a6314a8
fc5a6314a8
to9e15af2607
9e15af2607
toa65b3d0b32
a65b3d0b32
to90fe80a2a3
90fe80a2a3
to1c03ca2040
1c03ca2040
to396a6029d2
⚠ Artifact update problem
Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.
♻ Renovate will retry this branch, including artifacts, only when one of the following happens:
The artifact failure details are included below:
File name: pnpm-lock.yaml
396a6029d2
to8264edfd35
8264edfd35
to417d6dc970
417d6dc970
to769a1a946f
769a1a946f
to7ec6f0a4ca
7ec6f0a4ca
toca7ace6f88
ca7ace6f88
tob23ac1905b
b23ac1905b
toe1800fa5e5
e1800fa5e5
to1cd99459ce
1cd99459ce
tof851f2b237
f851f2b237
toeccda05e8e
eccda05e8e
to70ff7f9c25
70ff7f9c25
to4ca21cc237
4ca21cc237
to52a93bfd39
52a93bfd39
toeb3febc17a
eb3febc17a
to72d6823357
72d6823357
to20866cd44f
20866cd44f
to42aaa75baa
42aaa75baa
to960b12a3af
960b12a3af
to718c542c12
718c542c12
tof90c9d49f0
f90c9d49f0
to0da9536db4
0da9536db4
toa002c8f8ae
a002c8f8ae
to1054ab4280
1054ab4280
toc4c4ae5f8b
c4c4ae5f8b
to39a27046bb
39a27046bb
tofd6a535933
fd6a535933
tof20acf83a0
f20acf83a0
to7f6470dcce
7f6470dcce
to5e71e5e8af
5e71e5e8af
to53dd0f8f26
53dd0f8f26
to1f72171e01
1f72171e01
toabaf9f8b38
abaf9f8b38
to34631790a4
34631790a4
tof5a4256dda
f5a4256dda
to79190c3172
79190c3172
to4eaea86903
4eaea86903
to294c44b05d
294c44b05d
tof066ce7d37
f066ce7d37
to20f1d02760
20f1d02760
tobea4d6880f
bea4d6880f
to227955dd16
227955dd16
to226c28c30d
226c28c30d
tof6850afab7
f6850afab7
to38d30067b6
38d30067b6
to300fa01ac4
300fa01ac4
to46d13d4fb3
46d13d4fb3
to81bfac3af1
81bfac3af1
to569ce70f08
569ce70f08
to3b9ad63a4b
3b9ad63a4b
to28cf4ad11d
28cf4ad11d
to198a325150
⚠️ Artifact update problem
Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.
♻ Renovate will retry this branch, including artifacts, only when one of the following happens:
The artifact failure details are included below:
File name: pnpm-lock.yaml
198a325150
tof1acde67b1
f1acde67b1
toa5cae2266e
a5cae2266e
to77c2fcbd21
77c2fcbd21
to223ef4ab23
223ef4ab23
to915e652355
915e652355
tod1e07401bb
d1e07401bb
todd55415c59
dd55415c59
tof184be7225
f184be7225
to3a1745876b
3a1745876b
to2af4c1f113
Checkout
From your project repository, check out a new branch and test the changes.