Update react monorepo to v19 #193
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:
18.2.31
->19.0.2
18.2.0
->19.0.0
18.2.0
->19.0.0
Release Notes
facebook/react (react)
v19.0.0
Compare Source
Below is a list of all new features, APIs, deprecations, and breaking changes. Read React 19 release post and React 19 upgrade guide for more information.
New Features
React
startTransition
can now accept async functions. Functions passed tostartTransition
are called “Actions”. A given Transition can include one or more Actions which update state in the background and update the UI with one commit. In addition to updating state, Actions can now perform side effects including async requests, and the Action will wait for the work to finish before finishing the Transition. This feature allows Transitions to include side effects likefetch()
in the pending state, and provides support for error handling, and optimistic updates.useActionState
: is a new hook to order Actions inside of a Transition with access to the state of the action, and the pending state. It accepts a reducer that can call Actions, and the initial state used for first render. It also accepts an optional string that is used if the action is passed to a formaction
prop to support progressive enhancement in forms.useOptimistic
: is a new hook to update state while a Transition is in progress. It returns the state, and a set function that can be called inside a transition to “optimistically” update the state to expected final value immediately while the Transition completes in the background. When the transition finishes, the state is updated to the new value.use
: is a new API that allows reading resources in render. In React 19,use
accepts a promise or Context. If provided a promise,use
will suspend until a value is resolved.use
can only be used in render but can be called conditionally.ref
as a prop: Refs can now be used as props, removing the need forforwardRef
.React DOM Client
<form> action
prop: Form Actions allow you to manage forms automatically and integrate withuseFormStatus
. When a<form> action
succeeds, React will automatically reset the form for uncontrolled components. The form can be reset manually with the newrequestFormReset
API.<button> and <input> formAction
prop: Actions can be passed to theformAction
prop to configure form submission behavior. This allows using different Actions depending on the input.useFormStatus
: is a new hook that provides the status of the parent<form> action
, as if the form was a Context provider. The hook returns the values:pending
,data
,method
, andaction
.<head>
section of the document.<head>
on the client before revealing the content of a Suspense boundary that depends on that stylesheet.preinit
,preload
,prefetchDNS
, andpreconnect
APIs to optimize initial page loads by moving discovery of additional resources like fonts out of stylesheet loading. They can also be used to prefetch resources used by an anticipated navigation.React DOM Server
prerender
andprerenderToNodeStream
APIs for static site generation. They are designed to work with streaming environments like Node.js Streams and Web Streams. UnlikerenderToString
, they wait for data to load for HTML generation.React Server Components
Deprecations
element.ref
access: React 19 supports ref as a prop, so we’re deprecatingelement.ref
in favor ofelement.props.ref
. Accessing will result in a warning.react-test-renderer
: In React 19, react-test-renderer logs a deprecation warning and has switched to concurrent rendering for web usage. We recommend migrating your tests to @testing-library/react or @testing-library/react-nativeBreaking Changes
React 19 brings in a number of breaking changes, including the removals of long-deprecated APIs. We recommend first upgrading to
18.3.1
, where we've added additional deprecation warnings. Check out the upgrade guide for more details and guidance on codemodding.React
onUncaughtError
andonCaughtError
methods tocreateRoot
andhydrateRoot
to customize this error handling.propTypes
: UsingpropTypes
will now be silently ignored. If required, we recommend migrating to TypeScript or another type-checking solution.defaultProps
for functions: ES6 default parameters can be used in place. Class components continue to supportdefaultProps
since there is no ES6 alternative.contextTypes
andgetChildContext
: Legacy Context for class components has been removed in favor of thecontextType
API.React.createFactory
: Now that JSX is broadly supported, allcreateFactory
usage can be migrated to JSX components.react-test-renderer/shallow
: This has been a re-export of react-shallow-renderer since React 18. If needed, you can continue to use the third-party package directly. We recommend using @testing-library/react or @testing-library/react-native instead.React DOM
react-dom/test-utils
: We’ve movedact
fromreact-dom/test-utils
to react. All other utilities have been removed.ReactDOM
.render
,ReactDOM
.hydrate
: These have been removed in favor of the concurrent equivalents:ReactDOM
.createRoot
andReactDOM.hydrateRoot
.unmountComponentAtNode
: Removed in favor ofroot.unmount()
.ReactDOM
.findDOMNode
: You can replaceReactDOM
.findDOMNode
with DOM Refs.Notable Changes
React
<Context>
as a provider: You can now render<Context>
as a provider instead of<Context.Provider>
.useDeferredValue
initial value argument: When provided,useDeferredValue
will return the initial value for the initial render of a component, then schedule a re-render in the background with thedeferredValue
returned.useMemo
anduseCallback
will now reuse the memoized results from the first render, during the second render. Additionally, StrictMode will now double-invoke ref callback functions on initial mount.React DOM
TypeScript Changes
The most common changes can be codemodded with
npx types-react-codemod@latest preset-19 ./path-to-your-react-ts-files
.ReactChild
(replacement:React.ReactElement | number | string)
ReactFragment
(replacement:Iterable<React.ReactNode>
)ReactNodeArray
(replacement:ReadonlyArray<React.ReactNode>
)ReactText
(replacement:number | string
)VoidFunctionComponent
(replacement:FunctionComponent
)VFC
(replacement:FC
)prop-types
:Requireable
,ValidationMap
,Validator
,WeakValidationMap
create-react-class
:ClassicComponentClass
,ClassicComponent
,ClassicElement
,ComponentSpec
,Mixin
,ReactChildren
,ReactHTML
,ReactSVG
,SFCFactory
useRef
: The initial argument is now required to matchuseState
,createContext
etcuseRef()
are now always mutable instead of sometimes being immutable. This feature was too confusing for users and conflicted with legit cases where refs were managed by React and manually written to.ReactElement
typing: The props of React elements now default tounknown
instead ofany
if the element is typed asReactElement
JSX
namespace is removed to improve interoperability with other libraries using JSX. Instead, the JSX namespace is available from the React package:import { JSX } from 'react'
useReducer
typings: MostuseReducer
usage should not require explicit type arguments.For example, or
All Changes
React
useActionState()
hook to update state based on the result of a Form Action (#27270, #27278, #27309, #27302, #27307, #27366, #27370, #27321, #27374, #27372, #27397, #27399, #27460, #28557, #27570, #27571, #28631, #28788, #29694, #29695, #29694, #29665, #28232, #28319 by @acdlite, @eps1lon, and @rickhanlonii)use()
API to read resources in render (#25084, #25202, #25207, #25214, #25226, #25247, #25539, #25538, #25537, #25543, #25561, #25620, #25615, #25922, #25641, #25634, #26232, #26536, #26739, #28233 by @acdlite, @MofeiZ, @sebmarkbage, @sophiebits, @eps1lon, and @hansottowirtz)useOptimistic()
hook to display mutated state optimistically during an async mutation (#26740, #26772, #27277, #27453, #27454, #27936 by @acdlite)initialValue
argument touseDeferredValue()
hook (#27500, #27509, #27512, #27888, #27550 by @acdlite)element.ref
access (#28348, #28464, #28731 by @acdlite)<Context>
to mean<Context.Provider>
(#28226 by @gaearon)info
,group
, andgroupCollapsed
in StrictMode logging (#25172 by @timneutkens)useSyncExternalStore()
hydration in StrictMode (#26791 by @sophiebits)componentWillUnmount()
in StrictMode (#26842 by @tyao1)useState()
anduseReducer()
initializer functions in StrictMode (#28248 by @eps1lon)useId()
in StrictMode (#25713 by @gnoff)act()
no longer checksshouldYield
which can be inaccurate in test environments (#26317 by @acdlite)react.element
symbol toreact.transitional.element
(#28813 by @sebmarkbage)useSyncExternalStore()
re-render (#27199 by @acdlite)useSyncExternalStore()
dropped update when state is dispatched in render phase (#25578 by @pandaiolo)RefreshRuntime.findAffectedHostInstances
(#30538 by @gaearon)cache()
API (#27977, #28250 by @acdlite and @gnoff)propTypes
(#28324, #28326 by @gaearon)defaultProps
support, except for classes (#28733 by @acdlite)createFactory
(#27798 by @kassens)React DOM
useFormStatus()
hook to provide status information of the last form submission (#26719, #26722, #26788, #29019, #28728, #28413 by @acdlite and @eps1lon)preinit
,preinitModule
,preconnect
,prefetchDNS
,preload
, andpreloadModule
APIs.fetchPriority
to<img>
and<link>
(#25927 by @styfle)transformOrigin
prop (#26130 by @arav-ind)onScrollEnd
event (#26789 by @devongovett)<hr>
as child of<select>
(#27632 by @SouSingh)inert
(#24730 by @eps1lon)imageSizes
andimageSrcSet
(#22550 by @eps1lon)flushSync
exhausts queue even if something throws (#26366 by @acdlite)react
andreact-dom
versions don’t match (#29236 by @acdlite)srcset
andsrc
are assigned last on<img>
instances (#30340 by @gnoff)src
andhref
attributes (unless for<a href=”” />
) (#18513, #28124 by @bvaughn and @eps1lon)scale
style property (#25601 by @JonnyBurger)onChange
error message for controlled<select>
(#27740 by @Biki-das)render
,hydrate
,findDOMNode
,unmountComponentAtNode
,unstable_createEventHandle
,unstable_renderSubtreeIntoContainer
, andunstable_runWithPriority
. MovecreateRoot
andhydrateRoot
toreact-dom/client
. (#28271 by @gnoff)test-utils
(#28541 by @eps1lon)unstable_flushControlled
(#26397 by @kassens)renderToStaticNodeStream()
(#28873 by @gnoff)unstable_renderSubtreeIntoContainer
(#29771 by @kassens)React DOM Server
bootstrapScripts
andbootstrapModules
(#25104 by @gnoff)bootstrapModules
,bootstrapScripts
, and update priority queue (#26754, #26753, #27190, #27189 by @gnoff)onHeaders
entrypoint option (#27641, #27712 by @gnoff)<style>
and<script>
textContent to enable rendering inner content without dangerouslySetInnerHTML (#28870, #28871 by @gnoff)srcset
to trigger load event on mount (#30351 by @gnoff)onError
(#27761, #27850 by @gnoff and @sebmarkbage)crossorigin
support to bootstrap scripts (#26844 by @HenriqueLimas)nonce
andfetchpriority
in preload links (#26826 by @liuyenwei)referrerPolicy
toReactDOM.preload()
(#27096 by @styfle)react/jsx-dev-runtime
(#28921 by @himself65)errorInfo.digest
fromonRecoverableError
(#28222 by @gnoff)ReactTestRenderer
react-test-renderer
on web (#27903, #28904 by @jackpope and @acdlite)react-test-renderer/shallow
export (#25475, #28497 by @sebmarkbage and @jackpope)React Reconciler
prepareUpdate
(#26583, #27409 by @sebmarkbage and @sophiebits)React-Is
isConcurrentMode
andisAsyncMode
methods (#28224 by @gaearon)useSyncExternalStore
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
#28874Configuration
📅 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.
⚠ 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
Update dependency @types/react to v18.2.32to Update dependency @types/react to v18.2.3326a1162d7e
to6188e826d5
Update dependency @types/react to v18.2.33to Update dependency @types/react to v18.2.346188e826d5
to4519f87079
Update dependency @types/react to v18.2.34to Update dependency @types/react to v18.2.354519f87079
to9e04fe84e5
Update dependency @types/react to v18.2.35to Update dependency @types/react to v18.2.369e04fe84e5
to925c9d73f9
Update dependency @types/react to v18.2.36to Update dependency @types/react to v18.2.37925c9d73f9
to06739b0ead
Update dependency @types/react to v18.2.37to Update dependency @types/react to v18.2.3806739b0ead
to347d3d2983
Update dependency @types/react to v18.2.38to Update dependency @types/react to v18.2.39347d3d2983
to590fe12829
Update dependency @types/react to v18.2.39to Update dependency @types/react to v18.2.40590fe12829
toe76cdf6a81
Update dependency @types/react to v18.2.40to Update dependency @types/react to v18.2.41e76cdf6a81
to5faa0cd252
Update dependency @types/react to v18.2.41to Update dependency @types/react to v18.2.425faa0cd252
to5c171d5844
Update dependency @types/react to v18.2.42to Update dependency @types/react to v18.2.435c171d5844
to6aaa2018a1
Update dependency @types/react to v18.2.43to Update dependency @types/react to v18.2.446aaa2018a1
tob3f201af2b
Update dependency @types/react to v18.2.44to Update dependency @types/react to v18.2.45b3f201af2b
to5d7630655d
Update dependency @types/react to v18.2.45to Update dependency @types/react to v18.2.465d7630655d
toa5d147f3b6
Update dependency @types/react to v18.2.46to Update dependency @types/react to v18.2.47a5d147f3b6
to1371e083a7
Update dependency @types/react to v18.2.47to Update dependency @types/react to v18.2.481371e083a7
tocc920f64ca
Update dependency @types/react to v18.2.48to Update dependency @types/react to v18.2.49cc920f64ca
to83f5ae3d57
Update dependency @types/react to v18.2.49to Update dependency @types/react to v18.2.5083f5ae3d57
to32a3fe472a
Update dependency @types/react to v18.2.50to Update dependency @types/react to v18.2.5132a3fe472a
to5a086ce535
Update dependency @types/react to v18.2.51to Update dependency @types/react to v18.2.525a086ce535
to32b36088b7
Update dependency @types/react to v18.2.52to Update dependency @types/react to v18.2.5332b36088b7
to37e89d88c0
Update dependency @types/react to v18.2.53to Update dependency @types/react to v18.2.5437e89d88c0
tod89844f77a
d89844f77a
to0e36e31d68
Update dependency @types/react to v18.2.54to Update dependency @types/react to v18.2.55Update dependency @types/react to v18.2.55to Update dependency @types/react to v18.2.560e36e31d68
to9e263c0c78
Update dependency @types/react to v18.2.56to Update dependency @types/react to v18.2.579e263c0c78
tof4d450fe84
Update dependency @types/react to v18.2.57to Update dependency @types/react to v18.2.58f4d450fe84
tocb8cbc8149
Update dependency @types/react to v18.2.58to Update dependency @types/react to v18.2.59cb8cbc8149
tod28572aa2d
Update dependency @types/react to v18.2.59to Update dependency @types/react to v18.2.60d28572aa2d
to8d8782b99b
Update dependency @types/react to v18.2.60to Update dependency @types/react to v18.2.618d8782b99b
to144c362b15
Update dependency @types/react to v18.2.61to Update dependency @types/react to v18.2.62144c362b15
to01521b4c7d
Update dependency @types/react to v18.2.62to Update dependency @types/react to v18.2.6301521b4c7d
to3e455c1b3f
Update dependency @types/react to v18.2.63to Update dependency @types/react to v18.2.643e455c1b3f
to69bbadcdaf
Update dependency @types/react to v18.2.64to Update dependency @types/react to v18.2.6569bbadcdaf
to33f47d8468
Update dependency @types/react to v18.2.65to Update dependency @types/react to v18.2.6633f47d8468
to64a5f4af14
Update dependency @types/react to v18.2.66to Update dependency @types/react to v18.2.6764a5f4af14
to5cc7cc7735
Update dependency @types/react to v18.2.67to Update dependency @types/react to v18.2.685cc7cc7735
to7c44fb24e7
Update dependency @types/react to v18.2.68to Update dependency @types/react to v18.2.697c44fb24e7
to97fb926bd4
Update dependency @types/react to v18.2.69to Update dependency @types/react to v18.2.7097fb926bd4
todecd9930f6
Update dependency @types/react to v18.2.70to Update dependency @types/react to v18.2.71decd9930f6
to84af09acc0
Update dependency @types/react to v18.2.71to Update dependency @types/react to v18.2.7284af09acc0
to016a74531a
Update dependency @types/react to v18.2.72to Update dependency @types/react to v18.2.73016a74531a
toeb15943fa2
Update dependency @types/react to v18.2.73to Update dependency @types/react to v18.2.74eb15943fa2
to67a1139546
Update dependency @types/react to v18.2.74to Update dependency @types/react to v18.2.7567a1139546
to62d4e5a80b
Update dependency @types/react to v18.2.75to Update dependency @types/react to v18.2.7662d4e5a80b
toed77bb19dd
Update dependency @types/react to v18.2.76to Update dependency @types/react to v18.2.77ed77bb19dd
toeee8051d52
Update dependency @types/react to v18.2.77to Update dependency @types/react to v18.2.78eee8051d52
to38d565faf0
Update dependency @types/react to v18.2.78to Update dependency @types/react to v18.2.7938d565faf0
toe50877e419
Update dependency @types/react to v18.2.79to Update react monorepoe50877e419
to3c383d8a11
Update react monorepoto Update react monorepo to v18.3.03c383d8a11
toee2fa6223d
Update react monorepo to v18.3.0to Update react monorepoee2fa6223d
to538cfd5b81
Update react monorepoto Update react monorepo to v18.3.1538cfd5b81
to72a2095c3d
Update react monorepo to v18.3.1to Update react monorepo72a2095c3d
to559e846f29
559e846f29
to32ceeaa7db
32ceeaa7db
to2db9c7a6b2
⚠️ 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
2db9c7a6b2
toda160ec596
da160ec596
to2626b40d15
2626b40d15
to22d44e709f
22d44e709f
to9a16d142b1
9a16d142b1
tod540d27dca
d540d27dca
to98e47846c1
98e47846c1
to97c18264f0
97c18264f0
to07a6f92faf
07a6f92faf
to1d6dcf386e
1d6dcf386e
tob73a75999b
b73a75999b
to93d5cc5022
Update react monorepoto Update react monorepo to v1993d5cc5022
tofa3f1950ad
fa3f1950ad
to7f20e72451
Checkout
From your project repository, check out a new branch and test the changes.