Example of React component in Typescript using the useRef hook

hookRef.tsx

import * as React from "react";

function HookRef() {
    const divRef = React.useRef<HTMLDivElement>(null);

    React.useEffect(() => {
        if (divRef.current) {
            console.log(`hookRef div width: ${divRef.current.clientWidth}`);
        }
    }, []);

    return <div ref={divRef} style={{ width: "100%", height: "30px", backgroundColor: "orange" }} />;
}

export default HookRef;