Example of React component in Typescript using createRef

createRef.tsx

import * as React from "react";

class CreateRef extends React.Component {
    divRef = React.createRef<HTMLDivElement>();

    componentDidMount() {
        if (this.divRef.current) {
            console.log(`createRefRef div width: ${this.divRef.current.clientWidth}`);
        }
    }

    render() {
        return <div ref={this.divRef} style={{ width: "100%", height: "30px", backgroundColor: "blue" }} />;
    }
}

export default CreateRef;