Registry

Run locally

npx codemod react-19-remove-forward-ref

react-19-remove-forward-ref

Inline forwardRef(...) render functions and pass ref through props.

Usage

bash

Before

1  import { forwardRef } from 'react';
2  
3  const MyComponent = forwardRef(function Component(
4    myProps: Props,
5    myRef: React.ForwardedRef<HTMLButtonElement>
6  ) {
7    return null;
8  });

This is one example from the codemod's test cases. The codemod may handle many more cases.