Codemod Description

This codemod is designed to replace specific patterns in TypeScript files with updated code logic. It transforms instances of goto($A) into window.location.href = $A; when the $A value is a URL starting with http:// or https://. This refactor makes external navigation more explicit by using window.location.href.

This codemod migrates useHistory to useNavigate in React Router codebases. It replaces useHistory imports and updates all instances of history.push, history.replace, go, goBack, and goForward to align with the useNavigate API.

This transformation updates formMethod checks to use uppercase HTTP methods.

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.

Like useNavigation, useFetcher has flattened the submission and removed the type field.

When using NavigationMenuLink together with NuxtLink according to the documentation the menu does not dismiss when clicking on a link.

A recent update in Next.js brought a breaking change: the useSearchParams hook no longer includes params. To ease the migration, the new useCompatSearchParams hook can be used. This hook mimics the behavior of the old useSearchParams in two ways:

Since Next.js 13.4, you can use the following hooks from the next/navigation module:

The following data fetching methods are no longer available in the app directory: