Skip to main content

Tracking changes in screen width/height

export const App = () => {

const [ dims, setDims ] = useState(null)

useEffect(() => {
const handleResize = () => {
const { innerHeight, innerWidth } = window
setDims({
height: innerHeight,
width: innerWidth,
})
}
handleResize()
window.addEventListener('resize', handleResize)
return () => window.removeEventListener('resize', handleResize)
}, [])