Contents

import { useEffect, useState } from 'react'

export const useWindowSize = () => {
  const [size, setSize] = useState({
    width: window.innerWidth,
    height: window.innerHeight,
  })

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

    window.addEventListener('resize', handleResize)

    handleResize()

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

  return size
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-10.21.0.pre.alpha.lightbox.2	app/pb_kits/playbook/pb_lightbox/hooks/useWindowSize.js
playbook_ui-10.21.0.pre.alpha.lightbox	app/pb_kits/playbook/pb_lightbox/hooks/useWindowSize.js
playbook_ui-10.19.0.pre.lightbox	app/pb_kits/playbook/pb_lightbox/hooks/useWindowSize.js