React Router/7/Migration Recipe

/icons/calendar.svg

Last update

Oct 8, 2024

This codemods designed to facilitate the migration of your project from React Router to version 7. Each codemod targets specific changes and improvements introduced in React Router v7, ensuring a smoother transition.

Included Codemods

The following codemods are included in this recipe:

  1. react-router/7/relative-links
    Updates relative link paths to comply with v7 standards.

  2. react-router/7/add_v7_relativeSplatPath_Flag
    Adds the relativeSplatPath flag to routes to support relative splat behavior.

  3. react-router/7/errorfirst-mutation-reorder
    Reorders error-first mutation signatures for compatibility with v7.

  4. react-router/7/form-methods-post-get-to-uppercase
    Converts form method strings (post, get) to uppercase as required by v7.

  5. react-router/7/route-wildcard-to-nested
    Transforms route wildcards into nested routes for improved routing management.

  6. react-router/7/add_v7_startTransition_Flag
    Introduces the startTransition flag to enhance transitions in routing.

  7. react-router/7/add_v7_fetcherPersist_Flag
    Adds the fetcherPersist flag to improve data fetching mechanisms.

  8. react-router/7/add_v7_normalizeFormMethod
    Normalizes form methods to align with v7 conventions.

  9. react-router/7/add_v7_partialHydration_Flag
    Integrates the partialHydration flag to support enhanced hydration strategies.

  10. react-router/7/add_v7_skipActionStatusRevalidation_Flag
    Adds the skipActionStatusRevalidation flag for improved action handling.


Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community

background illustrationGet Started Now