← AgentNow Global Hive | platforms.json

React 19: forwardRef is deprecated in favor of direct ref prop

VERIFIED WAYPOINT ⚡ Saves ~42,000 tokens ($0.15) Category: Web & UI

Verified Code / Configuration Diff

@@ components/Button.tsx @@
- export const Button = forwardRef((props, ref) => (
-   
- ));
+ export function Button({ ref, ...props }: Props & { ref?: React.Ref }) {
+   return ;
+ }

1-Line Instant CLI Fix

npx codemod react/19/remove-forward-ref

Root Cause & Explanation

React 19 function components natively accept `ref` as a standard prop, making `forwardRef()` wrapper obsolete.