React Release Notes

New React Features

• <Activity>: A new API to hide and restore the UI and internal state of its children.
• useEffectEvent is a React Hook that lets you extract non-reactive logic into an Effect Event.
• cacheSignal (for RSCs) lets your know when the cache() lifetime is over.
• React Performance tracks appear on the Performance panel’s timeline in your browser developer tools

New React DOM Features

• Added resume APIs for partial pre-rendering with Web Streams:
  • resume: to resume a prerender to a stream.
  • resumeAndPrerender: to resume a prerender to HTML.
• Added resume APIs for partial pre-rendering with Node Streams:
  • resumeToPipeableStream: to resume a prerender to a stream.
  • resumeAndPrerenderToNodeStream: to resume a prerender to HTML.
• Updated prerender APIs to return a postponed state that can be passed to the resume APIs.

Notable changes

React DOM now batches suspense boundary reveals, matching the behavior of client side rendering. This change is especially noticeable when animating the reveal of Suspense boundaries e.g. with the upcoming <ViewTransition> Component. React will batch as much reveals as possible before the first paint while trying to hit popular first-contentful paint metrics.
Add Node Web Streams (prerender, renderToReadableStream) to server-side-rendering APIs for Node.js
Use underscore instead of : IDs generated by useId

All Changes

React

• <Activity /> was developed over many years, starting before ClassComponent.setState (@acdlite @sebmarkbage and many others)
• Stringify context as "SomeContext" instead of "SomeContext.Provider" (@kassens #33507)
• Include stack of cause of React instrumentation errors with %o placeholder (@eps1lon #34198)
• Fix infinite useDeferredValue loop in popstate event (@acdlite #32821)
• Fix a bug when an initial value was passed to useDeferredValue (@acdlite #34376)
• Fix a crash when submitting forms with Client Actions (@sebmarkbage #33055)
• Hide/unhide the content of dehydrated suspense boundaries if they resuspend (@sebmarkbage #32900)
• Avoid stack overflow on wide trees during Hot Reload (@sophiebits #34145)
• Improve Owner and Component stacks in various places (@sebmarkbage, @eps1lon: #33629, #33724, #32735, #33723)
• Add cacheSignal (@sebmarkbage #33557)

React DOM

• Block on Suspensey Fonts during reveal of server-side-rendered content (@sebmarkbage #33342)
• Use underscore instead of : for IDs generated by useId (@sebmarkbage, @eps1lon: #32001, #33342#33099, #33422)
• Stop warning when ARIA 1.3 attributes are used (@Abdul-Omira #34264)
• Allow nonce to be used on hoistable styles (@Andarist #32461)
• Warn for using a React owned node as a Container if it also has text content (@sebmarkbage #32774)
• s/HTML/text for for error messages if text hydration mismatches (@rickhanlonii #32763)
• Fix a bug with React.use inside React.lazy-ed Component (@hi-ogawa #33941)
• Enable the progressiveChunkSize option for server-side-rendering APIs (@sebmarkage #33027)
• Fix a bug with deeply nested Suspense inside Suspense fallback when server-side-rendering (@gnoff #33467)
• Avoid hanging when suspending after aborting while rendering (@gnoff #34192)
• Add Node Web Streams to server-side-rendering APIs for Node.js (@sebmarkage #33475)

React Server Components

• Preload <img> and <link> using hints before they're rendered (@sebmarkbage #34604)
• Log error if production elements are rendered during development (@eps1lon #34189)
• Fix a bug when returning a Temporary reference (e.g. a Client Reference) from Server Functions (@sebmarkbage #34084, @denk0403 #33761)
• Pass line/column to filterStackFrame (@eps1lon #33707)
• Support Async Modules in Turbopack Server References (@lubieowoce #34531)
• Add support for .mjs file extension in Webpack (@jennyscript #33028)
• Fix a wrong missing key warning (@unstubbable #34350)
• Make console log resolve in predictable order (@sebmarkbage #33665)

React Reconciler

• createContainer and createHydrationContainer had their parameter order adjusted after on* handlers to account for upcoming experimental APIs
• [email protected]
• Note: Version 6.0.0 was mistakenly released and immediately deprecated and untagged on npm. This is the first official 6.x major release and includes breaking changes.
• Breaking: Require Node.js 18 or newer. (@michaelfaith in #32458)
• Breaking: Flat config is now the default recommended preset. Legacy config moved to recommended-legacy. (@michaelfaith in #32457)
• New Violations: Disallow calling use within try/catch blocks. (@poteto in #34040)
• New Violations: Disallow calling useEffectEvent functions in arbitrary closures. (@jbrown215 in #33544)
• Handle React.useEffect in addition to useEffect in rules-of-hooks. (@Ayc0 in #34076)
• Added react-hooks settings config option that to accept additionalEffectHooks that are used across exhaustive-deps and rules-of-hooks rules. (@jbrown215) in #34497