DocumentationRulesno-forward-ref

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 }) {
  // ...
}

Further reading