useWindowSize [web]

useWindowSize.web.js

import { useEffect, useState } from 'react'

const useWindowSize = () => {
  const { innerWidth: width, innerHeight: height } = window
  const [state, setState] = useState({ width, height })

  useEffect(() => {
    const handler = () => {
      setState({
        width: window.innerWidth,
        height: window.innerHeight,
      })
    }

    window.addEventListener('resize', handler)

    return () => window.removeEventListener('resize', handler)
  }, [])

  return state
}

export default useWindowSize