In v7 the react-router and react-router-dom packages are combined so this codemod import everything directly from "react-router" except for the RouterProvider exception.

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.

This transformation adds the necessary configuration to enable v7 features, specifically the v7_skipActionStatusRevalidation flag.

This transformation adds the necessary configuration to enable v7 features, specifically the v7_partialHydration_Flag flags

This transformation adds the necessary configuration to enable v7 features, specifically adds the v7_normalizeFormMethod

This transformation adds the necessary configuration to enable v7 features, specifically the v7_fetcherPersist flags

This transformation adds the necessary configuration to enable v7 features, specifically the v7_startTransition flags. It affects , , and createBrowserRouter configurations.

This transformation adds the necessary configuration to enable v7 features, specifically the v7_relativeSplatPath flag. It affects both components and createBrowserRouter configurations.

This transformation updates elements within route trees to include an extra relative segment. This ensures that links continue to point to the correct locations after the route structure changes.

This transformation updates the routing structure for multi-segment splat paths. It affects both createBrowserRouter configurations and components.

This transformation updates formMethod checks to use uppercase HTTP methods.

This transformation restructures action functions to perform error checking before data mutations. This change aligns with the new behavior in v7 where loaders no longer revalidate by default after an action throws or returns a Response with a 4xx/5xx status code.

This codemod automates the process of splitting your TanStack Router route files into two separate files to enable code splitting. By utilizing this codemod, you can easily move non-critical route configuration, such as the component, into a separate .lazy.tsx file, which allows for better performance and reduced initial load time in your React application.