Upgrade to React 19

Proprietary

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.

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

Install it once, then run it on every repository under the current directory. New to the Moderne CLI? Set it up.

Recipe list

It runs these recipes, in this order.

  1. Upgrade to React 18
  2. Remove React.forwardRef wrapper
  3. Remove React.FC type annotation
  4. Replace act import from react-dom/test-utils
  5. Remove Context.Provider wrapper
  6. Replace useContext with use
  7. Replace useFormState with useActionState
  8. Replace string refs with callback refs
  9. Replace defaultProps with default parameter values
  10. Replace ReactDOM.hydrate with hydrateRoot
  11. Add initial value to useRef() calls
  12. Remove propTypes assignments
  13. Remove implicit ref callback returns
  14. Replace deprecated React types
  15. Import the scoped React JSX namespace
  16. Replace react-test-renderer/shallow import
  17. org.openrewrite.javascript.UpgradeDependencyVersion
  18. org.openrewrite.javascript.UpgradeDependencyVersion
  19. org.openrewrite.javascript.UpgradeDependencyVersion
  20. org.openrewrite.javascript.UpgradeDependencyVersion
  21. org.openrewrite.javascript.UpgradeDependencyVersion
  22. org.openrewrite.javascript.UpgradeDependencyVersion