no-forward-ref
Full Name in eslint-plugin-react-x
react-x/no-forward-ref
Full Name in @eslint-react/eslint-plugin
@eslint-react/no-forward-ref
Features
🔍
🔄
Presets
core
recommended
recommended-typescript
recommended-type-checked
What it does
Disallows using React.forwardRef
.
Why is this bad?
In React 19, forwardRef
is no longer necessary. Pass ref
as a prop instead.
forwardRef
will deprecated in a future release. Learn more here.
Examples
Failing
import { forwardRef } from 'react';
const MyInput = forwardRef(function MyInput(props, ref) {
// ...
});
Passing
function MyInput({ ref, ...props }) {
// ...
}