useRef on HTML element with TypeScript

useRefTypeScript.js

function DraftEditor({ metaData, readOnly = false, decorators = [] }: IDraftEditor) {
  const editorRef = useRef<HTMLDivElement>(null)

  const handleFocusClick = () => {
    const { current: editor } = editorRef
    if (editor) { editor.focus() }
  }

  return (
    <div ref={editorRef} onClick={handleFocusClick} />
  )
}