How to pass ref attribute to Typescript?

Question

JavaScript

Sandbox
https://codesandbox.io/s/loving-chaum-6ykpg

Using Material-UI

index.d.ts(768, 46): The expected type comes from property 'ref' which is declared here on type 'IntrinsicAttributes & InputLabelProps'
index.d.ts(768, 46): The expected type comes from property 'ref ' which is declared here on type 'IntrinsicAttributes & InputLabelProps & { children?: ReactNode; }'

Answer 1

You ref hang on the label, not on the input.

const inputLabel = React.useRef<HTMLLabelElement>(null);