window addEventListener resize

useWindowSize.ts

import { useEffect, useState } from "react"

export const useWindowSize = () => {
  const [size, setSize] = useState({ vh: 0, vw: 0 })

  const onResize = (props: any) =>
    setSize({
      vh: props.target.innerHeight,
      vw: props.target.innerWidth
    })

  useEffect(() => {
    if (window) {
      setSize({ vh: window.innerHeight, vw: window.innerWidth }) // initial value
      window.addEventListener("resize", onResize)

      return () => {
        window.removeEventListener("resize", onResize)
      }
    }
  }, [])

  return size
}