reactjs - How can I constraint a type if use element ref as an input value of a function

Question

I have tried codes like this, but it seems T should have some constraints which I am not clear.

export const useResizeObserver = <T>(elementRef: ElementRef<T>, debounceTimeout = 100) => {}

question from:https://stackoverflow.com/questions/66063821/how-can-i-constraint-a-type-if-use-element-ref-as-an-input-value-of-a-function

Answer 1

These are the restraints for what T you can pass to an ElementRef, from the React typings:

T extends
            | ForwardRefExoticComponent<any>
            | { new (props: any): Component<any> }
            | ((props: any, context?: any) => ReactElement | null)
            | keyof JSX.IntrinsicElements

It can be any ComponentType (FunctionComponent or ClassComponent), a built-in DOM element like div, and some other complicated things.