●Change8

Migrating to React v19.2.0

Version v19.2.0 introduces 4 breaking changes. This guide details how to update your code.

Released: 10/1/2025

4
Breaking Changes
3
Migration Steps
14
Affected Symbols

⚠️ Check Your Code

If you use any of these symbols, you need to read this guide:

ActivityuseEffectEventcacheSignalresumeresumeAndPrerenderresumeToPipeableStreamresumeAndPrerenderToNodeStreamprerenderuseIduseDeferredValuecreateContainercreateHydrationContainerrenderToReadableStreamuse

Breaking Changes

●Issue #1

eslint-plugin-react-hooks now requires Node.js 18 or newer.

●Issue #2

eslint-plugin-react-hooks 'recommended' preset now uses Flat config. Legacy config users must switch to 'recommended-legacy'.

●Issue #3

useId now generates IDs using underscores instead of colons, which may affect CSS selectors or tests relying on the specific ID format.

●Issue #4

react-reconciler: createContainer and createHydrationContainer had their parameter order adjusted.

Migration Steps

  1. 1
    Update ESLint configuration to use 'recommended-legacy' if you are not yet using Flat config.
  2. 2
    Update CSS selectors or automation scripts that depend on useId generating colon-based IDs (e.g., :r0: to _r0_).
  3. 3
    Update custom reconcilers using createContainer or createHydrationContainer to match the new parameter order.

Release Summary

React 19.2 introduces the <Activity> component, useEffectEvent hook, and new resume APIs for partial pre-rendering. It also includes significant updates to the ESLint plugin and changes the ID generation format for useId.

Need More Details?

View the full release notes and all changes for React v19.2.0.

View Full Changelog