React/19/Remove Forward Ref

Last update

Jul 24, 2024

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

import { forwardRef } from 'react';

const MyInput = forwardRef(function MyInput(props, ref) {
	// ...
});

const MyInput = function MyInput({ ref, ...props }) {
	// ...
};

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

import { forwardRef } from 'react';

const MyInput = forwardRef(function MyInput(props, ref) {
	// ...
});

const MyInput = function MyInput({ ref, ...props }) {
	// ...
};

Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community