26 lines
581 B
TypeScript
26 lines
581 B
TypeScript
import { useEffect, useState } from 'react'
|
|
|
|
function getWindowDimensions() {
|
|
const { innerWidth: width, innerHeight: height } = window
|
|
return {
|
|
width,
|
|
height,
|
|
}
|
|
}
|
|
export default function useWindowDimensions() {
|
|
const [windowDimensions, setWindowDimensions] = useState(
|
|
getWindowDimensions()
|
|
)
|
|
|
|
useEffect(() => {
|
|
function handleResize() {
|
|
setWindowDimensions(getWindowDimensions())
|
|
}
|
|
|
|
window.addEventListener('resize', handleResize)
|
|
return () => window.removeEventListener('resize', handleResize)
|
|
}, [])
|
|
|
|
return windowDimensions
|
|
}
|