When we pass ref prop in the parent component and get the prop in child component what is the type of ref in typescript in child component?

Question

In start i have define the useRef Hook and then i have passed ref variable to ref prop in the child component form the parent component.

const weightRef = useRef<TextInput>(null);

<ChildComponent
name={"weight"}
ref={weightRef}
/>

export interface TextInputProps {
  name:"string";
  ref?: any;  //Here what is the type of ref for now i have used any
}

I need correct type of ref instead of any

Answer 1

use fowardref to pass ref to child component

export interface TextInputProps {
  name:"string"; 
}


const FancyButton = React.forwardRef<TextInput , TextInputProps>((props, ref) => (

refer this for available element types