This codemod transforms React.createElement calls into JSX syntax, making your code more readable and maintainable.

This codemod transforms React imports to use named imports instead of default or namespace imports. This helps reduce bundle size by allowing better tree-shaking of unused React exports.

This recipe is a set of codemods that will fix some of React 19 breaking changes.

Replaces deprecated React.createFactory method with JSX.

This codemod removes React.FC, React.FunctionComponent and React.SFC and replaces the Props as the type of the unique argument in the component definition.

Codemod to convert React PropTypes to TypeScript types.

This codemod will convert the usage of useContext to the new hook format, introduced in React v19.

This codemod will replace the usages of useFormState() to use useActionState(), introduced in React v19.

This codemod migrates string refs (deprecated) to callback refs.

• Replaces usages of ReactDom.render() with createRoot(node).render().
• Replaces usages of ReactDom.hydrate() with hydrateRoot()
• Replaces usages of ReactDom.unmountComponentAtNode() with root.unmount()

Replaces react-test-renderer/shallow import.

Replaces default props with ES6 default parameters.

This codemod will replace the usages of TestUtils.act() to use React.act(), introduced in React v19.

This codemod will remove manual memoization hooks: useCallback, useMemo and memo. This codemod goes hand in hand with React Compiler.

Removes legacy context methods childContextTypes and getChildContext from react class component. Wraps rendered children with Context.

React.forwardRef will be deprecated for Function Components in near future. This codemod removes forwardRef function.

This codemod will remove the usage of Provider for contexts; e.g., Context.Provider to Context

Converts classnames to clsx.