Use case
Framework
Owner
React Router/7/Update Imports
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.
React Router/7/Migration Recipe
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.
React Router/7/Add V7 SkipActionStatusRevalidation Flag
This transformation adds the necessary configuration to enable v7 features, specifically the v7_skipActionStatusRevalidation flag.
React Router/7/Add V7 PartialHydration Flag
This transformation adds the necessary configuration to enable v7 features, specifically the v7_partialHydration_Flag flags
React Router/7/Add V7 NormalizeFormMethod
This transformation adds the necessary configuration to enable v7 features, specifically adds the v7_normalizeFormMethod
React Router/7/Add V7 FetcherPersist Flag
This transformation adds the necessary configuration to enable v7 features, specifically the v7_fetcherPersist flags
React Router/7/Add V7 StartTransition Flag
This transformation adds the necessary configuration to enable v7 features, specifically the v7_startTransition flags. It affects , , and createBrowserRouter configurations.
React Router/7/Add V7 RelativeSplatPath Flag
This transformation adds the necessary configuration to enable v7 features, specifically the v7_relativeSplatPath flag. It affects both components and createBrowserRouter configurations.
React Router/7/Relative Links
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.
React Router/7/Route Wildcard To Nested
This transformation updates the routing structure for multi-segment splat paths. It affects both createBrowserRouter configurations and components.
React Router/7/Form Methods Post Get To Uppercase
This transformation updates formMethod checks to use uppercase HTTP methods.
React Router/7/Errorfirst Mutation Reorder
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.
Styledictionary/4/Hook Api Filters
This codemod updates registered filters to be placed inside the
hooks.filters
property, instead offilter
. Note the shift from the singular to the plural form in this update.Styledictionary/4/Logging
This codemod updates the logging system to be more configurable, as detailed in the Logging docs. You can now customize the verbosity of logs and silence warnings and success logs, in addition to the previous option of setting
log: 'error'
to change the default behavior to throw warnings as errors.Styledictionary/4/Hook Api Transform Groups
This codemod updates registered transform groups to be placed inside the
hooks.transformGroups
property, instead oftransformGroup
, with a shift from the singular to the plural form.Styledictionary/4/Hook Api Transform
This codemod updates registered transforms to be placed inside the
hooks.transforms
property, instead oftransform
, with a shift from the singular to the plural form. Additionally, the name of the filter function has been changed frommatcher
tofilter
for consistency.Styledictionary/4/Hook Api Preprocessors
This codemod updates registered preprocessors to be placed inside the
hooks.preprocessors
property, instead ofpreprocessor
, with a shift from the singular to the plural form. Registered preprocessors now apply globally without requiring explicit application in the config.Styledictionary/4/Hook Api Parsers
This codemod updates registered parsers to be placed inside the
hooks.parsers
property, instead ofparser
, with a shift from the singular to the plural form. Registered parsers now apply globally without needing explicit application in the config. Additionally, theparse
function has been renamed toparser
for consistency.Styledictionary/4/Hook Api File Header
This codemod updates registered file headers to be placed inside the
hooks.fileHeaders
property, instead offileHeader
. Note the shift from the singular to the plural form in this update.Styledictionary/4/Hook Api Actions
This codemod updates registered actions to be placed inside the
hooks.actions
property, instead ofaction
. Note the shift from the singular to the plural form in this update.