Как использовать ловушку useRef и getClientBoundingRect с React и Typescript?

Question

каждый.

Мне нужно получить размеры моего функционального компонента в React. Этот проект использует Typescript, поэтому мне нужны функции типа и другие вещи. Я пытаюсь с useRef() крючком вот так:

function MyComponent (): JSX.Element {
  const targetREf = useRef<HTMLDivElement>() // I'm typing useRef like this.
  const [boxHeight, setBoxHeight] = useState()

  useLayoutEffect((): void => {
    setBoxHeight(targetRef.current && targetRef.current.getClientBoundingRect())
  }, [targetRef.current])
}

Проблема с getClientBoundingRect().

Машинопись говорит: Property 'getClientBoundingRect' does not exist on type 'HTMLDivElement'.

Как мне набрать useRef(), чтобы использовать getClientBoundingReact?

Я использую React 16.8.6 и Typescript 3.4.5.

Спасибо!

Answer 1

Я думаю, что вы ошиблись в названии функции. Он называется:

getBoundingClientRect not getClientBoundingReact.

Надеюсь, это поможет.