Use case
Framework
Owner
React Router/6/UseHistory To UseNavigate
This codemod migrates
useHistory
touseNavigate
in React Router codebases. It replacesuseHistory
imports and updates all instances ofhistory.push
,history.replace
,go
,goBack
, andgoForward
to align with theuseNavigate
API.React Router/7/Form Methods Post Get To Uppercase
This transformation updates formMethod checks to use uppercase HTTP methods.
Remix Js/V2/Remix Run 1 Use Transition To Use Navigation
This hook is now called useNavigation to avoid confusion with the recent React hook by the same name. It also no longer has the type field and flattens the submission object into the navigation object itself.
Remix Js/V2/Fetcher Submission Properties Flattening
Like useNavigation, useFetcher has flattened the submission and removed the type field.
Vue 3 Update Navigation Menu Link Emits And Handle Click
When using
NavigationMenuLink
together withNuxtLink
according to the documentation the menu does not dismiss when clicking on a link.Next/13/Replace Use Search Params
A recent update in Next.js brought a breaking change: the
useSearchParams
hook no longer includesparams
. To ease the migration, the newuseCompatSearchParams
hook can be used. This hook mimics the behavior of the olduseSearchParams
in two ways:Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/Replace Next Router
Since Next.js 13.4, you can use the following hooks from the
next/navigation
module:Codemod verified
Regularly tested and maintained by our engineers and codemod expert community
Next/13/Remove Get Static Props
The following data fetching methods are no longer available in the
app
directory:Codemod verified
Regularly tested and maintained by our engineers and codemod expert community