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 17

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

Artifact@openrewrite/recipes-react

Migrate deprecated APIs for React 17 compatibility. Includes all React 16 migrations plus lifecycle method prefixing, import cleanup, and event.persist() removal.

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

Recipes8

• Upgrade to React 16
• Add UNSAFE_ prefix to deprecated lifecycle methods
• Remove unnecessary React imports
• Remove event.persist() calls
• org.openrewrite.javascript.UpgradeDependencyVersion
• org.openrewrite.javascript.UpgradeDependencyVersion
• org.openrewrite.javascript.UpgradeDependencyVersion
• org.openrewrite.javascript.UpgradeDependencyVersion

Options

1 parameters

1 optional

Parameter	Example	Type	Required
upgradeDependencies	—	String	Optional
Upgrade React dependency versions as well as APIs. Set to false when composing this migration into a later React upgrade.

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-17