Moderne OnlyThis recipe is proprietary to Moderne and runs on the Moderne platform or CLI — it isn’t part of the open-source catalog. Available with a Moderne subscription.Contact Sales

Upgrade to React 19

Recipe IDorg.openrewrite.react.migrate.upgrade-to-react-19

Artifactio.moderne.recipe:rewrite-react

Migrate deprecated and removed APIs for React 19 compatibility. This includes removing forwardRef, updating Context.Provider usage, replacing useContext with use, and other breaking changes.

Composite recipeOpenRewriteModerne Proprietary License

Try in PlatformTry this recipe in the Moderne platform. Not a user yet? You’ll get a no-setup demo environment, with nothing to install or configure.

Definition

Recipes15

• Upgrade to React 18
• Remove React.forwardRef wrapper
• Remove React.FC type annotation
• Replace act import from react-dom/test-utils
• Remove Context.Provider wrapper
• Replace useContext with use
• Replace useFormState with useActionState
• Replace string refs with callback refs
• Replace defaultProps with default parameter values
• Replace ReactDOM.hydrate with hydrateRoot
• Add initial value to useRef() calls
• Remove propTypes assignments
• Remove implicit ref callback returns
• Replace deprecated React types
• Replace react-test-renderer/shallow import

Usage

Run this recipe

In order to run JavaScript recipes, you will need to use the Moderne CLI. For JavaScript specific configuration instructions, please see our configuring JavaScript guide.

Once the CLI is installed, you can install this JavaScript recipe package by running the following command:

Install the recipe package

mod config recipes npm install @openrewrite/recipes-react

Then, you can run the recipe via:

Run the recipe

mod run . --recipe org.openrewrite.react.migrate.upgrade-to-react-19