React: What is React 19 ref as prop?

1const MyInput = forwardRef<HTMLInputElement, Props>((props, ref) => {
2  return <input ref={ref} {...props} />;
3});

1function MyInput({ ref, ...props }: Props & { ref: Ref<HTMLInputElement> }) {
2  return <input ref={ref} {...props} />;
3}
4
5// Usage
6function App() {
7  const inputRef = useRef(null);
8  return <MyInput ref={inputRef} placeholder="Type..." />;
9}

1function MyComponent({ ref }) {
2  return (
3    <div ref={ref}>
4      Content
5    </div>
6  );
7}
8
9// With callback ref
10<MyComponent ref={(node) => console.log(node)} />

1function MyComponent({ ref }) {
2  return (
3    <input
4      ref={(node) => {
5        if (node) {
6          // Setup
7          node.focus();
8          return () => {
9            // Cleanup
10            console.log("unmounted");
11          };
12        }
13      }}
14    />
15  );
16}